.btn-top {
	background: #015b7b;
	padding-right: 120px;
	padding-left: 120px;
	font-size: 30px;
	border-radius: 10px;
	cursor: default
}

.btn-bottom {
	background: #87be22;
	padding-right: 212px;
	padding-left: 212px;
	font-size: 30px;
	border-radius: 10px;
}

@media ( min-width :300px) and (max-width: 599px) {
	/* smartphones, Android phones, landscape iPhone */
	.btn-top {
		background: #015b7b;
		white-space: normal;
		padding-right: 0px;
		padding-left: 0px;
		font-size: 16px;
		border-radius: 10px;
		cursor: default;
	}
	.btn-bottom {
		background: #87be22;
		padding-right: 0px;
		padding-left: 0px;
		white-space: normal;
		font-size: 16px;
		border-radius: 10px;
	}
	.flipboxes {
		flex-direction: column;
	}
	.fa-caret-right {
		rotate: 90deg;
	}
}

.fa-caret-right {
	margin: 5px !important;
}

.flipbox {
	position: relative;
	background-color: #87BE22;
	height: 306px;
	border-radius: 20px;
	width: 262px;
}

.flipbox-body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}

.flipbox-title {
	color: white;
	font-size: 19px;
	font-weight: 600;
	font-family: poppins;
}

.flipbox-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 34px;
}

.overlay {
	z-index: 1;
	border-radius: 20px;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	background-color: #015B7B;
	overflow: hidden;
	width: 100%;
	height: 0%;
	transition: .5s ease;
}

.overlay-body {
	display: grid;
	align-items: center;
	justify-items: center;
	height: 100%;
}

.overlay-text {
	font-size: 14px;
	color: white;
	font-family: poppins;
}

.flipbox:hover .overlay {
	height: 100%;
	bottom: 0;
}

.text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

#homepage-search-container {
	position: relative;
}

.input-group-homepage[class*="col-"] {
	float: none;
	padding-right: 15px;
	padding-left: 15px;
}

.input-group-homepage {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-homepage .form-control:first-child,
	.input-group-homepage-addon:first-child, .input-group-homepage-btn:first-child>.btn,
	.input-group-homepage-btn:first-child>.btn-group>.btn,
	.input-group-homepage-btn:first-child>.dropdown-toggle,
	.input-group-homepage-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
	.input-group-homepage-btn:last-child>.btn-group:not(:last-child)>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-homepage-addon, .input-group-homepage-btn,
	.input-group-homepage .form-control {
	display: table-cell;
}

.input-group-homepage .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.search-input-homepage {
	height: 45px;
	font-size: 15px;
	padding-left: 30px;
	border-radius: 45px 0 0 45px;
	/* background-color: #5e88a2; */
	border-right: 0px;
	color: #5e88a2 !important;
	font-family: Roboto, sans-serif !important;
	border: 1px solid #87be22 !important;
	caret-color: #87be22;
}

.search-input-homepage::placeholder {
	color: gray;
}

.input-group-homepage-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}

.input-group-homepage-addon, .input-group-homepage-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-homepage-addon, .input-group-homepage-btn,
	.input-group-homepage .form-control {
	display: table-cell;
}

.input-group-homepage-btn>.btn {
	position: relative;
}

.homepage-search-button {
	padding: 6px 24px;
	height: 45px;
	font-size: 22px;
	font-weight: 200px;
	border-radius: 0 45px 45px 0;
	background-color: #87be22;
	border-left: 0;
	color: #fff;
	font-family: Roboto, sans-serif;
}

.homepage-search-icon {
	-webkit-text-stroke: 1px #5E88A2;
}

.fa-search:before {
	content: "\f002";
}

.browse-data-item {
	text-decoration: underline;
	white-space: nowrap;
	color: #5e88a2 !important;
	padding-right: 10px;
	font-size: 16px;
	font-family: Roboto, sans-serif;
}

.trending-search-item {
	border-radius: 30px;
	/* background-color: #364e71; */
	color: #fff;
	padding: 0.35em 1em;
	text-decoration: none;
	white-space: nowrap;
	color: #5e88a2 !important;
	border: 1px solid #5e88a2;
}

.explore-card {
	height: 100%;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
}

.divider-border {
	border-right: 1px solid #013a99;
}

.explore-card-content {
	white-space: normal;
	overflow: hidden;
	font-size: 14px;
	line-height: 40px;
	font-family: Roboto, sans-serif;
}

.category-count {
	font-size: .8em;
	margin-left: 5px;
	color: #666;
}

.dataselectoParent {
	color: #39619a !important;
	font-size: 15px;
	text-decoration: none;
}

.dataselectoParent>a {
	color: #39619a !important;
	font-size: 15px;
	text-decoration: none;
}

.dataselectoParent:hover, .dataselectoA:visited {
	color: #39619a !important;
}

.dataselectoParent>a:hover {
	color: #39619a !important;
}

.dataselectoParent>a:visited {
	color: #39619a !important;
}

.breadcrumb_link>a {
	color: #39619a !important;
}

.breadcrumb_link>a:hover {
	color: #39619a !important;
}

.breadcrumb_link>a:visited {
	color: #39619a !important;
}

.breadcrumb_link {
	color: #39619a !important;
	text-decoration: none;
	font-weight: 600 !important;
}

.dataselectoParent:hover {
	text-decoration: underline !important;
}

.dataselectoA {
	color: #39619a !important;
	font-size: 13px;
	text-decoration: none;
}

.dataselectoA:hover, .dataselectoA:visited {
	color: #39619a !important;
}

.dataselectoA:hover {
	text-decoration: underline;
}

.dataselectoA>a {
	color: #39619a !important;
}

.dataselectoA>a:hover {
	color: #39619a !important;
}

.dataselectoA>a:visited {
	color: #39619a !important;
}

.series-pager {
	table-layout: fixed;
	width: 100%;
	font-size: 13px;
}

.series-page #page-title {
	display: block !important;
	visibility: visible !important;
	background: #f1f4df !important
}

.series-pager-title div {
	padding: 3px
}

.series-pager th {
	padding: 1em .5em;
	vertical-align: middle
}

.series-pager-header td {
	border-top: 1px dotted #bcbec0;
	padding: 1em
}

.series-pager-attr, .series-pager-title {
	border: 1px solid #e6e7e8
}

.series-pager-title td {
	background: #e6e7e8;
	vertical-align: middle;
	padding: .5em
}

.series-pager-title-pre td {
	background: #f6fbff;
	vertical-align: middle;
	padding: .5em;
	border-bottom: 1px solid lightgray;
}

.series-pager-title>td {
	
}

.series-pager-attr td {
	background: #f5f5f5;
	padding: .5em
}

.series-pager-attr-pre td {
	background: white;
	padding: .5em;
	border-bottom: 1px solid lightgray;
}

.series-title {
	padding-left: 0;
	font-size: 1.2em;
	font-weight: 700;
	display: inline-block
}

.dataselectoParentAfterCateg {
	color: #1E88E5 !important;
	font-size: 13px;
	text-decoration: none;
}

.explore-card-title {
	padding: 10px 0;
	font-size: 14px;
	font-family: Roboto, sans-serif;
}

.series-title:visited {
	color: #39619a !important;
}

.series-title:hover {
	color: #7293c1 !important;
}

.series-title {
	color: #39619a !important;
}

.card-body {
	padding: 0px;
	padding-bottom: 0;
}

.card {
	background-color: white;
	border-radius: 10px;
	background: #f9f9f9;
}

.cardButton {
	background: #87be22;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.cardtext {
	min-height: 106px;
	max-height: 149px;
	overflow-x: auto;
	width: fit-content;
	margin-top: 8px;
	padding-right: 26px;
	padding-left: 26px;
	padding-bottom: 10px;
	padding-top: 0;
}

.title-card {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 14vh;
}

.card-text {
	margin: 10px;
	padding: 10px;
	padding-top: 15px;
	border-radius: 10px;
}

#section01 a {
	padding-top: 40px;
}

#section01 a span {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	border: 0px solid black;
	border-radius: 100%;
	box-sizing: border-box;
	background-color: #87be22;
}

.browse-data-item:visited {
	color: #5e88a2 !important;
}

.browse-data-item:hover {
	color: #5e88a2 !important;
}

.trending-search-item:visited {
	color: #5e88a2 !important;
}

.trending-search-item:hover {
	color: #5e88a2 !important;
}

span.highlight {
	color: #015b7e;
	cursor: pointer;
}

span.highlight:hover {
	color: #002837;
}

.title-card1 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 16vh;
	margin-top: 14px;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	color: #015b7b !important;
}

p {
	text-align: justify;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}

.landing-page-navbar {
	overflow: hidden;
	position: fixed;
	top: 0;
	width: -webkit-fill-available;
	z-index: 99999999;
}

.top-title {
	color: #015b7b;
	font-family: "Poppins", Sans-serif;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: -1.2px;
	text-shadow: 0 0 0px rgba(0, 0, 0, .8);
	text-align: center;
}

.top-subtitle {
	color: #87be22;
	font-family: sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -1.2px;
	text-shadow: 0 0 0px rgba(0, 0, 0, .8);
	text-align: center;
}

.top-text {
	font-size: 18px;
	padding-left: 28px;
	padding-right: 28px;
}

.demo a {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font: normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}

.demo a:hover {
	opacity: .5;
}

/*footer*/
* {
	margin: 0;
	padding: 0;
}

a {
	color: #39619a;
	text-decoration: none;
}

.pg-footer {
	font-family: 'Poppins', sans-serif;
}

.footer {
	background-color: #015b7d;
	color: #fff;
}

.footer-wave-svg {
	background-color: transparent;
	display: block;
	height: 30px;
	position: relative;
	top: -1px;
	width: 100%;
}

.footer-wave-path {
	fill: #fff;
}

.footer-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1230px;
	padding: 40px 15px 450px;
	position: relative;
}

.footer-content-column {
	box-sizing: border-box;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	color: #fff;
}

.footer-content-column ul li a {
	color: #fff;
	font-weight: 100;
	text-decoration: none;
}

.footer-logo-link {
	display: inline-block;
}

.footer-menu {
	margin-top: 30px;
}

.footer-menu-name {
	color: #fffff2;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
}

.footer-menu-list {
	list-style: none;
	margin-bottom: 0;
	margin-top: 10px;
	padding-left: 0;
}

.footer-menu-list li {
	margin-top: 5px;
}

.footer-call-to-action-description {
	color: #fffff2;
	margin-top: 10px;
	margin-bottom: 20px;
}

.footer-call-to-action-button:hover {
	background-color: #fffff2;
	color: #00bef0;
}

.button:last-of-type {
	margin-right: 0;
}

.footer-call-to-action-button {
	background-color: #027b9a;
	border-radius: 21px;
	color: #fffff2;
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 18px;
	padding: 12px 30px;
	margin: 0 10px 10px 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s;
	cursor: pointer;
	position: relative;
}

.footer-call-to-action {
	margin-top: 30px;
}

.footer-call-to-action-title {
	color: #fffff2;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
}

.footer-call-to-action-link-wrapper {
	margin-bottom: 0;
	margin-top: 10px;
	color: #fff;
	text-decoration: none;
}

.footer-call-to-action-link-wrapper a {
	color: #fff;
	text-decoration: none;
}

.footer-social-links {
	bottom: 0;
	height: 54px;
	position: absolute;
	right: 0;
	width: 236px;
}

.footer-social-amoeba-svg {
	height: 54px;
	left: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 236px;
}

.footer-social-amoeba-path {
	fill: #027b9a;
}

.footer-social-link.linkedin {
	height: 26px;
	left: 3px;
	top: 11px;
	width: 26px;
}

.footer-social-link {
	display: block;
	padding: 10px;
	position: absolute;
}

.hidden-link-text {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
	top: 50%;
}

.footer-social-icon-svg {
	display: block;
}

.footer-social-icon-path {
	fill: #fffff2;
	transition: fill .2s;
}

.footer-social-link.twitter {
	height: 28px;
	left: 62px;
	top: 3px;
	width: 28px;
}

.footer-social-link.youtube {
	height: 24px;
	left: 123px;
	top: 12px;
	width: 24px;
}

.footer-social-link.github {
	height: 34px;
	left: 172px;
	top: 7px;
	width: 34px;
}

.footer-copyright {
	background-color: #027b9a;
	color: #fff;
	padding: 15px 30px;
	text-align: center;
}

.footer-copyright-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.footer-copyright-text {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 0;
}

.footer-copyright-link {
	color: #fff;
	text-decoration: none;
}

.pg-footer {
	margin-top: 480px;
}

.footer-1 {
	margin-top: 60px;
}

.content-1 {
	width: 485px !important;
}
/* Media Query For different screens */
@media ( min-width :300px) and (max-width:479px) {
	/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 1050px;
		position: relative;
	}
	.footer-1 {
		padding-bottom: 50px;
		margin-bottom: 212px;
	}
	.pg-footer {
		margin-top: 810px !important;
	}
	.content-1 {
		width: 350px !important;
	}
}

@media ( min-width :480px) and (max-width:599px) {
	/* smartphones, Android phones, landscape iPhone */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 1050px;
		position: relative;
	}
	.footer-1 {
		margin-bottom: 216px;
	}
	.pg-footer {
		margin-top: 500px;
	}
}

@media ( min-width :600px) and (max-width: 800px) {
	/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 1050px;
		position: relative;
	}
	.content-1 {
		width: 200px;
	}
}

@media ( min-width :801px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media ( min-width :1025px) {
	/* big landscape tablets, laptops, and desktops */
}

@media ( min-width :1281px) { /* hi-res laptops and desktops */
}

@media ( min-width : 760px) {
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 450px;
		position: relative;
	}
	.footer-wave-svg {
		height: 50px;
	}
	.footer-content-column {
		width: 24.99%;
	}
}

@media ( min-width : 568px) { /* .footer-content-column {
      width: 49.99%;
  } */
}

/* news letter */
#idNewsLetter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0;
}

#emailNewsLetter {
	border: 1px solid #87be22;
	border-radius: 5px;
	padding: 1px 8px;
	flex: 1 12 0;
	min-height: 4.5rem;
	color: black;
}

#emailNewsLetter:focus {
	outline: 1px solid #87be22;
}

#newsLetterBtn {
	background-color: #87be22;
	color: white;
	padding: 10px 18px;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
	flex: 1 12 0;
}

.cardButton:visited {
	color: #ffff !important;
}

.bg-indigo:visited {
	color: #ffff !important;
}

.bottomFooter {
	margin: 0;
}