@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;700;800;900&display=swap');



main {
	margin-top: 75px;
}

.features-calls p {
	margin-bottom: 1rem
}

.features-calls .custom-button {
	border-radius: 8px;
	font-size: 1.5rem;
	padding: 2rem
}

label.error {
	color: red !important;
}

@media only screen and (max-width:767px) {
	.features-calls .custom-button {
		font-size: 1em;
		padding: 1rem
	}
}

.app-features-section {
	background-color: #f7f7f7;
}

.app-features-section .con {
	align-items: center;
	display: flex;
	gap: 4em
}

@media screen and (max-width:1024px) {
	.app-features-section .con {
		flex-direction: column
	}
}

@media only screen and (max-width:767px) {
	.app-features-section .con {
		gap: 2em
	}
}

.app-features-section .con .left {
	max-width: 40%;
	min-width: 40%
}

@media screen and (max-width:1024px) {
	.app-features-section .con .left {
		max-width: 100%;
		width: 100%
	}
}

.app-features-section .con .left>img {
	max-height: 100%;
	max-width: 100%
}

.app-features-section .con .right {
	flex-grow: 1
}

@media only screen and (max-width:767px) {
	.app-features-section .con .right {
		width: 100%
	}
}

.app-features-section .con .right h2 {
	color: #1b3f71;
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 1rem
}

.app-features-section .con .right .tabs {
	background-color: #fff;
	border-radius: 8px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 100px;
	width: 100%
}

@media only screen and (max-width:767px) {
	.app-features-section .con .right .tabs {
		display: none
	}
}

.app-features-section .con .right .tabs .tab {
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	width: 100%
}

.app-features-section .con .right .tabs .tab:hover {
	background-color: rgba(0, 0, 0, .05)
}

.app-features-section .con .right .tabs .tab.active {
	background-color: rgba(246, 144, 19, .22)
}

.app-features-section .con .right .tabs .tab img {
	height: 35px;
	margin-bottom: .5rem
}

.app-features-section .con .right .tabs .tab p {
	color: #0d1c2e
}

.app-features-section .con .right .active-tab-component {
	margin-top: 2rem
}

@media only screen and (max-width:767px) {
	.app-features-section .con .right .active-tab-component {
		display: none
	}
}

.app-features-section .con .right .accordion {
	display: none;
	width: 100%
}

@media only screen and (max-width:767px) {
	.app-features-section .con .right .accordion {
		display: block
	}
}

.app-features-section .con .right .accordion .ant-collapse {
	background-color: initial;
	border: none
}

.app-features-section .con .right .accordion .ant-collapse .ant-collapse-item {
	border: none;
	margin-bottom: 1rem
}

.app-features-section .con .right .accordion .ant-collapse .ant-collapse-item .ant-collapse-header {
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 8px;
	flex-direction: row-reverse
}

.app-features-section .con .right .accordion .ant-collapse .ant-collapse-item .ant-collapse-content {
	background-color: initial;
	border: none
}

.app-features-section .con .right .accordion .tab {
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	gap: 1rem;
	height: 100%;
	width: 100%
}

.app-features-section .con .right .accordion .tab:hover {
	background-color: rgba(0, 0, 0, .05)
}

.app-features-section .con .right .accordion .tab.active {
	background-color: rgba(246, 144, 19, .22)
}

.app-features-section .con .right .accordion .tab img {
	height: 35px;
	margin-bottom: .5rem
}

.app-features-section .con .right .accordion .tab p {
	color: #1b3f71;
	font-size: 1.1em;
	font-weight: 600
}

.call-to-action .con {
	text-align: center
}

.call-to-action .con h2 {
	color: #1b3f71;
	font-size: 3em;
	font-weight: 400;
	margin-bottom: 3rem
}

@media only screen and (max-width:767px) {
	.call-to-action .con h2 {
		font-size: 2rem
	}
}

.call-to-action .con .video {
	margin-bottom: 2rem;
	width: 100%
}

.call-to-action .con .video iframe {
	height: 700px
}

@media screen and (max-width:1024px) {
	.call-to-action .con .video iframe {
		height: 600px
	}
}

@media only screen and (max-width:767px) {
	.call-to-action .con .video iframe {
		height: 500px
	}
}

.call-to-action .con .custom-button {
	border-radius: 8px;
	height: 55px;
	margin: 0 auto;
	width: 50%
}

@media only screen and (max-width:767px) {
	.call-to-action .con .custom-button {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
}

.carousel-section {
	background-color: #f7f7f7;
}

.carousel-section .con .carousel-con {
	align-items: center;
	display: flex;
	gap: 2rem
}

@media screen and (max-width:1024px) {
	.carousel-section .con .carousel-con {
		gap: 3rem
	}
}

.carousel-section .con .carousel-con h2 {
	color: #1b3f71;
	font-size: 2.5em;
	font-weight: 600;
	margin: 1.5rem 0;


}

@media only screen and (max-width:767px) {

	.carousel-section .con .carousel-con {
		gap: 0rem
	}

	.carousel-section .con .carousel-con h2 {
		font-size: 1.7em;
		padding-bottom: 10px;
	}

}

.carousel-section .con .carousel-con .partnership-card {
	align-items: center;
	display: flex;
	gap: 3rem
}

@media screen and (max-width:1024px) {
	.carousel-section .con .carousel-con .partnership-card {
		display: block
	}

	
	.app-features-section .con .left>img{
		width: 100%;
	}
}

.carousel-section .con .carousel-con .partnership-card .details {
	flex-grow: 1
}

@media only screen and (max-width:767px) {
	.carousel-section .con .carousel-con .partnership-card .details {
		text-align: center
	}
}

.carousel-section .con .carousel-con .partnership-card .details h3 {
	color: #00c4e2;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 1.5rem 0;
}

@media only screen and (max-width:767px) {
	.carousel-section .con .carousel-con .partnership-card .details h3 {
		font-size: 1.5em
	}
}

.carousel-section .con .carousel-con .partnership-card .details>img {
	border-radius: 50%;
	display: none;
	max-height: 300px;
	max-width: 300px;
	min-height: 300px;
	min-width: 300px;
	object-fit: cover;
	object-position: top
}

@media screen and (max-width:1024px) {
	.carousel-section .con .carousel-con .partnership-card .details>img {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.carousel-section .con .carousel-con .partnership-card .details>img {
		margin: 0 auto;
		max-height: 200px;
		max-width: 200px;
		min-height: 200px;
		min-width: 200px
	}
}

.carousel-section .con .carousel-con .partnership-card .details p {
	color: #1B3F71;
	;
	font-size: 1em;
	line-height: 1.5em;
}

@media screen and (max-width:1024px) {
	.carousel-section .con .carousel-con .partnership-card .details p {
		display: block;
		font-size: 1em
	}
}

.carousel-section .con .carousel-con .partnership-card>img {
	border-radius: 50%;
	max-height: 400px;
	max-width: 400px;
	min-height: 230px;
	min-width: 230px;
	object-fit: cover;
	object-position: top
}

@media screen and (max-width:1024px) {
	.carousel-section .con .carousel-con .partnership-card>img {
		display: none
	}
}

.carousel-section .con .carousel-con>button {
	background-color: initial;
	border-radius: 8px;
	cursor: pointer;
	height: auto;
	width: 50px
}

.carousel-section .con .carousel-con>button:hover {
	background-color: rgba(0, 0, 0, .05)
}

.carousel-section .con .carousel-con>button img {
	height: 100px;
	width: 60%
}

@media only screen and (max-width:767px) {
	.carousel-section .con .carousel-con>button {
		display: none
	}
}

.carousel-section .ant-carousel {
	font-size: 1em;
	max-width: calc(1100px - 6rem)
}

@media screen and (max-width:1024px) {
	.carousel-section .ant-carousel {
		max-width: calc(100% - 100px - 6rem)
	}
}

@media only screen and (max-width:767px) {
	.carousel-section .ant-carousel {
		max-width: 100%
	}
}

.custom-button {
	align-items: center;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	font-size: 1em;
	font-weight: 600;
	gap: .5rem;
	height: 40px;
	justify-content: center;
	padding: 0 1rem;
	transition-duration: .3s
}

.custom-button span:first-letter {
	text-transform: capitalize
}

.custom-button:hover {
	transition-duration: .3s
}

.custom-button.white {
	background-color: #fff;
	color: #f79214
}

.custom-button.white:hover {
	background-color: #f79214;
	color: #fff
}

.custom-button.light {
	background-color: hsla(0, 0%, 85%, .349);
	color: #0d1c2e
}

.custom-button.light:hover {
	background-color: hsla(0, 0%, 75%, .349)
}

.custom-button.transparent {
	background-color: initial;
	color: #fff
}

.custom-button.transparent:hover {
	background-color: hsla(0, 0%, 100%, .11)
}

.custom-button.primary {
	background-color: #1b3f71;
	color: #fff
}

.custom-button.primary:hover {
	background-color: #fff;
	color: #1b3f71
}

.custom-button.secondary {
	background-color: #f79214;
	color: #fff
}

.custom-button.secondary:hover {
	background-color: #d17707
}

.custom-button.tertiary {
	background-color: #00c4e2;
	color: #fff
}

.custom-button.tertiary:hover {
	background-color: #fff;
	color: #00c4e2
}

.custom-button.quaternary {
	background-color: #be36eb;
	color: #fff
}

.custom-button.quaternary:hover {
	background-color: #a816d8
}

.custom-button.aurora {
	background: linear-gradient(90deg, #a049e9 19.35%, #00c4e2 130.96%);
	color: #fff
}

.custom-button.aurora:hover {
	background: linear-gradient(90deg, #881ce4 19.35%, #0098af 130.96%)
}

footer.website-footer>.top {
	background-color: #1b3f71;
	padding: 4rem 0
}

footer.website-footer>.top .con {
	display: flex;
	gap: 2rem
}

@media screen and (max-width:1024px) {
	footer.website-footer>.top .con {
		flex-direction: column
	}
}

footer.website-footer>.top .con .mail {
	max-width: 350px;
	min-width: 350px
}

@media only screen and (max-width:767px) {
	footer.website-footer>.top .con .mail {
		max-width: 100%;
		min-width: 100%
	}
}

footer.website-footer>.top .con .mail>p {
	color: #fff;
	font-size: 1em;
	margin-bottom: 1rem
}

footer.website-footer>.top .con .mail form {
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	height: 50px;
	width: 100%
}

footer.website-footer>.top .con .mail form input {
	border-radius: 8px 0 0 8px;
	flex-grow: 1;
	font-size: 1em;
	height: 100%;
	padding: 0 1rem
}

footer.website-footer>.top .con .mail form input.error {
	background-color: #f7efef
}

footer.website-footer>.top .con .mail form input.error::-webkit-input-placeholder {
	color: #ff0f00
}

footer.website-footer>.top .con .mail form input.error::placeholder {
	color: #ff0f00
}

footer.website-footer>.top .con .mail form button {
	align-items: center;
	background-color: #fff;
	border-radius: 0 8px 8px 0;
	color: #00c4e2;
	cursor: pointer;
	display: flex;
	height: 50px;
	justify-content: center;
	transition-duration: .3s;
	width: 50px
}

footer.website-footer>.top .con .mail form button #loader {
	border-color: #00c4e2 #00c4e22c #00c4e22c;
	transition-duration: .3s
}

footer.website-footer>.top .con .mail form button:hover {
	background-color: #00c4e2;
	color: #fff;
	transition-duration: .3s
}

footer.website-footer>.top .con .mail form button:hover #loader {
	border-color: #fff #ffffff77 #ffffff77;
	transition-duration: .3s
}

footer.website-footer>.top .con .mail .social {
	display: flex;
	margin-top: 1rem
}

footer.website-footer>.top .con .mail .social li a {
	align-items: center;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 1.3rem;
	height: 40px;
	justify-content: center;
	transition-duration: .3s;
	width: 40px
}

footer.website-footer>.top .con .mail .social li a:hover {
	background-color: hsla(0, 0%, 100%, .226);
	transition-duration: .3s
}

footer.website-footer>.top .con nav {
	display: flex;
	flex-grow: 1;
	gap: 2rem
}

@media only screen and (max-width:767px) {
	footer.website-footer>.top .con nav {
		flex-direction: column
	}
}

footer.website-footer>.top .con nav .menu {
	width: 100%
}

footer.website-footer>.top .con nav .menu h3 {
	color: #00c4e2;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 1rem
}

footer.website-footer>.top .con nav .menu ul li {
	margin-bottom: .5rem
}

footer.website-footer>.top .con nav .menu ul li a {
	color: #fff;
	cursor: pointer;
	font-size: 1em
}

footer.website-footer>.top .con nav .menu ul li a:hover {
	text-decoration: underline
}

footer.website-footer .middle {
	background-color: #00c4e2;
	padding: 2rem 0;
	width: 100%
}

footer.website-footer .middle .con {
	align-items: center;
	display: flex;
	justify-content: space-between
}

@media screen and (max-width:1024px) {
	footer.website-footer .middle .con {
		align-items: flex-start;
		flex-direction: column;
		gap: 1rem
	}
}

footer.website-footer .middle .con>p {
	color: #fff;
	font-size: 1em;
	font-weight: 600
}

@media screen and (max-width:1024px) {
	footer.website-footer .middle .con>p {
		width: 60%
	}
}

@media only screen and (max-width:767px) {
	footer.website-footer .middle .con>p {
		width: 100%
	}
}

footer.website-footer .middle .con .download {
	align-items: center;
	display: flex;
	gap: .5rem
}

@media only screen and (max-width:767px) {
	footer.website-footer .middle .con .download {
		width: 100%
	}

	footer.website-footer .middle .con .download a {
		display: block;
		height: 100%;
		width: 50%
	}

	footer.website-footer .middle .con .download a .download-card {
		height: 100%;
		min-width: 100%;
		width: 100%
	}
}

footer.website-footer>.bottom {
	padding: 1rem 0;
	width: 100%
}

footer.website-footer>.bottom .con {
	align-items: center;
	display: flex;
	justify-content: space-between
}

@media only screen and (max-width:767px) {
	footer.website-footer>.bottom .con {
		align-items: center;
		flex-direction: column;
		gap: 1rem
	}
}

footer.website-footer>.bottom .con p {
	color: #848199;
	font-size: 1em
}

footer.website-footer>.bottom .con ul {
	align-items: center;
	display: flex
}

footer.website-footer>.bottom .con ul li {
	border-right: 1px solid rgba(134, 146, 166, .463);
	padding: 0 1rem
}

footer.website-footer>.bottom .con ul li:last-child {
	border-right: none;
	padding-right: 0
}

@media only screen and (max-width:767px) {
	footer.website-footer>.bottom .con ul li:first-child {
		padding-left: 0
	}
}

footer.website-footer>.bottom .con ul li a {
	color: #848199;
	cursor: pointer;
	font-size: 1em
}

footer.website-footer>.bottom .con ul li a:hover {
	color: #1b3f71
}

header.website-header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9
}

header.website-header .header-sub {
	background: linear-gradient(90deg, #1b3f71, #00c4e2);
	padding: 1rem 0;
	width: 100%
}

header.website-header .header-sub .con {
	align-items: center;
	display: flex;
	justify-content: space-between
}

header.website-header .header-sub .con img.logo {
	height: 50px
}

@media screen and (max-width:1024px) {
	header.website-header .header-sub .con img.logo {
		height: 40px
	}
}

header.website-header .header-sub .con>button {
	display: none;
	font-size: 1.5em
}

@media screen and (max-width:1024px) {
	header.website-header .header-sub .con>button {
		display: flex
	}
}

header.website-header .header-sub .con nav {
	align-items: center;
	display: flex;
	gap: 2rem
}

@media screen and (max-width:1024px) {
	header.website-header .header-sub .con nav {
		align-items: flex-start;
		background: linear-gradient(90deg, #1b3f71, #00c4e2);
		background-size: 100vw;
		flex-direction: column;
		height: calc(100vh - 40px - 2rem);
		justify-content: flex-start;
		left: 0;
		overflow-x: hidden;
		padding: 4rem 0;
		position: fixed;
		top: calc(40px + 2rem);
		transition-duration: .3s;
		width: 0;
		z-index: 9
	}

	header.website-header .header-sub .con nav.show {
		transition-duration: .3s;
		width: 100vw
	}

	header.website-header .header-sub .con nav>.button {
		display: flex;
		justify-content: flex-start;
		padding-left: 5vw;
		width: 100vw
	}
}

header.website-header .header-sub .con nav ul {
	align-items: center;
	display: flex;
	gap: 2rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media screen and (max-width:1024px) {
	header.website-header .header-sub .con nav ul {
		flex-direction: column;
		width: 100vw
	}

	header.website-header .header-sub .con nav ul li {
		padding-left: 5vw;
		text-align: left;
		width: 100vw
	}
}

header.website-header .header-sub .con nav ul li .link {
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	font-weight: 700;
	transition-duration: .3s
}

header.website-header .header-sub .con nav ul li .link.active {
	color: #f79214
}

header.website-header .header-sub .con nav ul li .link:hover {
	color: #f79214;
	transition-duration: .3s
}

header.website-header .header-sub .con nav .custom-button {
	padding: 1rem 2rem
}

#loader {
	-webkit-animation: rotate-center 1s linear infinite both;
	animation: rotate-center 1s linear infinite both;
	border: 2px solid #ffffff77;
	border-radius: 50%;
	border-top-color: #fff;
	height: 23px;
	width: 23px
}

@-webkit-keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.numbers-section .con {
	align-items: center;
	display: flex;
	gap: 7rem;
	justify-content: center
}

@media screen and (max-width:1024px) {
	.numbers-section .con {
		grid-gap: 3rem;
		display: grid;
		gap: 3rem;
		grid-template-columns: repeat(2, 1fr)
	}
}

@media only screen and (max-width:767px) {
	.numbers-section .con {
		grid-gap: 2rem;
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr
	}
}

.numbers-section .con .number {
	align-items: center;
	display: flex;
	gap: 1.5rem
}

@media screen and (max-width:1024px) {
	.numbers-section .con .number {
		gap: 1rem
	}
}

.numbers-section .con .number img {
	width: 70px
}

@media screen and (max-width:1024px) {
	 .numbers-section .con .number img {
		width: 40px
	} 
}

.numbers-section .con .number .info .value {
	color: #1b3f71;
    font-size: 3em;
    font-weight: 700;
    line-height: 3rem;
    text-shadow: 3px 2px 0 rgba(0,196,226,.525);
}

@media screen and (max-width:1024px) {
	.numbers-section .con .number .info .value {
		font-size: 2em;
    	line-height: 2rem;
	}
}

.numbers-section .con .number .info p {
	color: #0d1c2e;
	font-size: 1em;
	font-weight: 300
}

.pricing-section {
	background-color: #f7f7f7;
}

.pricing-section .con .top {
	margin-bottom: 5rem
}

@media screen and (max-width:1024px) {
	.pricing-section .con .top {
		margin-bottom: 3rem
	}
}

.pricing-section .con .top h2 span{
/*	color: #1b3f71;*/
	font-size: 2.1em;
/*	font-weight: 600;*/
	line-height: 2em;
	-webkit-text-fill-color: transparent;
    background: linear-gradient(57deg, #00c4e2 30%, #be36eb);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 300;
}

@media screen and (max-width:1024px) {
	.pricing-section .con .top h2 {
		font-size: 2.5em
	}
}

@media only screen and (max-width:767px) {
	.pricing-section .con .top h2 {
		font-size: 2em
	}
}

.pricing-section .con .top p {
	color: #0d1c2e;
	font-size: 1em
}

.pricing-section .con .pricing-grid {
	background-color: #fff;
	border-radius: 18px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0 3rem;
	width: 100%
}

@media screen and (max-width:1024px) {
	.pricing-section .con .pricing-grid {
		background-color: initial;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 0
	}
}

.pricing-section .con .pricing-grid .price-sub {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 3rem;
	width: 100%
}

@media screen and (max-width:1024px) {
	.pricing-section .con .pricing-grid .price-sub {
		background-color: #fff;
		border-radius: 18px
	}
}

@media only screen and (max-width:767px) {
	.pricing-section .con .pricing-grid .price-sub {
		padding: 1rem
	}
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top .price {
	color: #848199;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 1rem
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top .price span {
	font-size: 2rem;
	font-weight: 700
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top h3 {
	color: #0d1c2e;
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 2rem
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top ul li {
	align-items: flex-start;
	display: flex;
	font-size: 1em;
	gap: .5rem;
	margin-bottom: 1rem
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top ul li span {
	color: #0d1c2e;
	margin-top: .2rem
}

.pricing-section .con .pricing-grid .price-sub .price-sub-top ul li p {
	color: #848199;
	font-weight: 400
}

.pricing-section .con .pricing-grid .price-sub .custom-button {
	margin-top: 2rem;
	padding: 1.5rem 0;
	width: 100%;
}

.pricing-section .con .pricing-grid .price-sub:first-child .price span,
.pricing-section .con .pricing-grid .price-sub:first-child h3,
.pricing-section .con .pricing-grid .price-sub:first-child ul li span {
	color: #00c4e2
}

.pricing-section .con .pricing-grid .price-sub:first-child .custom-button {
	border: 2px solid #00c4e2
}

.pricing-section .con .pricing-grid .price-sub .custom-button a{
	color: #ffffff;
}

.pricing-section .con .pricing-grid .price-sub:first-child .custom-button:hover a{
	color: #00c4e2;
}

.pricing-section .con .pricing-grid .price-sub:first-child .custom-button:hover {
	background-color: initial
}

.pricing-section .con .pricing-grid .price-sub:nth-child(2) .custom-button:hover a{
	color: #f79214;
}

.pricing-section .con .pricing-grid .price-sub:nth-child(2) .custom-button:hover {
	background-color: initial
}

.pricing-section .con .pricing-grid .price-sub:nth-child(2) .price span,
.pricing-section .con .pricing-grid .price-sub:nth-child(2) h3,
.pricing-section .con .pricing-grid .price-sub:nth-child(2) ul li span {
	color: #f79214
}

.pricing-section .con .pricing-grid .price-sub:nth-child(2) .custom-button {
	border: 2px solid #f79214
}

.pricing-section .con .pricing-grid .price-sub:nth-child(2) .custom-button:hover {
	background-color: initial;
	color: #f79214
}

.pricing-section .con .pricing-grid .price-sub:last-child {
	background-color: #1b3f71;
	border-radius: 18px;
	position: relative;
	-webkit-transform: translateY(-2rem);
	transform: translateY(-2rem)
}

@media screen and (max-width:1024px) {
	.pricing-section .con .pricing-grid .price-sub:last-child {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.pricing-section .con .pricing-grid .price-sub:last-child .tag {
	background: linear-gradient(270deg, #c92fec 30.58%, #00c4e2 159.5%);
	border-radius: 50px;
	color: #fff;
	font-size: .8rem;
	font-weight: 700;
	padding: .5rem 1rem;
	position: absolute;
	right: 1rem;
	text-transform: uppercase;
	top: 1rem;
	width: -webkit-max-content;
	width: max-content
}

.pricing-section .con .pricing-grid .price-sub:last-child .price {
	color: #fff
}

.pricing-section .con .pricing-grid .price-sub:last-child .price span {
	color: #be36eb;
	font-size: 1.5rem
}

.pricing-section .con .pricing-grid .price-sub:last-child h3 {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(90deg, #be36eb 3%, #00c4e2);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 700
}

.pricing-section .con .pricing-grid .price-sub:last-child ul li span {
	color: #be36eb
}

.pricing-section .con .pricing-grid .price-sub:last-child ul li p {
	color: #fff
}

.pricing-section .con .pricing-grid .price-sub:last-child ul li button {
	align-items: center;
	background: linear-gradient(0deg, #c92fec 5%, #00c4e2);
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	height: 45px;
	justify-content: center;
	width: 70%
}

.pricing-section .con .pricing-grid .price-sub:last-child ul li button .sub {
	align-items: center;
	background-color: #1b3f71;
	border-radius: 50px;
	color: #fff;
	display: flex;
	font-size: 1.3em;
	font-weight: 500;
	height: calc(100% - 4px);
	justify-content: center;
	transition-duration: .3s;
	width: calc(100% - 4px)
}

.pricing-section .con .pricing-grid .price-sub:last-child .price-sub-top {
	-webkit-transform: translateY(2rem);
	transform: translateY(2rem)
}

.pricing-section .con .pricing-grid .price-sub:last-child .custom-button {
	border: 2px solid #be36eb;
	-webkit-transform: translateY(2rem);
	transform: translateY(2rem)
}

@media screen and (max-width:1024px) {
	.pricing-section .con .pricing-grid .price-sub:last-child .custom-button {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.pricing-section .con .pricing-grid .price-sub:last-child .custom-button:hover {
	background-color: initial
}

.pricing-section .con>p {
	color: #0d1c2e;
	font-size: 1em;
	margin-top: 2rem;
	text-align: center
}

.pricing-section .con>p span {
	color: #00c4e2;
	font-weight: 600
}

.investor-asset-type-form {
	background-color: #fff;
	border-radius: 8px;
	
}

@media only screen and (max-width:767px) {
	.investor-asset-type-form {
		padding: 2rem 1rem
	}
}

.investor-asset-type-form form .error {
	margin-bottom: 1rem
}

.investor-asset-type-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 2rem
}

.investor-asset-type-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

.investor-asset-type-form form>p {
	color: #848199;
	font-size: .9rem;
	text-align: center
}

.investor-asset-type-form form .buttons {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem
}

.investor-asset-type-form form .buttons .custom-button.quaternary {
	width: 200px
}

.field-error {
	background-color: #fff1f0;
	border-radius: 8px;
	color: #ff0f00 !important;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: 1rem 0 .3rem;
	padding: .5rem
}

.investor-docs-form {
	background-color: #fff;
	border-radius: 8px;
	
}

@media only screen and (max-width:767px) {
	.investor-docs-form {
		padding: 2rem 1rem
	}
}

.investor-docs-form form .top {
	margin-bottom: 1rem
}

.investor-docs-form form .top h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 0;
}

.investor-docs-form form .top>p {
	color: #848199;
	font-size: 1em
}

.investor-docs-form form input[type=file] {
	display: none
}

.investor-docs-form form label {
	align-items: center;
	background-color: #fff;
	border: 1px solid rgba(134, 146, 166, .463);
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	font-size: 1em;
	height: 50px;
	padding: 0 .7rem;
	transition-duration: .3s;
	width: 100%
}

.investor-docs-form form label:hover {
	background-color: rgba(0, 196, 226, .071);
	border-color: #1b3f71;
	color: #1b3f71;
	transition-duration: .3s
}

.investor-docs-form form .error {
	color: #ff0f00;
	margin-top: .1rem
}

.investor-docs-form form .docs {
	margin-bottom: 3rem;
	margin-top: .5rem
}

.investor-docs-form form .docs>.sub {
	align-items: center;
	display: flex;
	gap: .5rem
}

.investor-docs-form form .docs>.sub p {
	background-color: rgba(0, 194, 224, .19);
	border-radius: 50px;
	color: #263238;
	font-size: .8em;
	padding: .5rem 1rem
}

.investor-docs-form form .docs>.sub span {
	color: #848199;
	cursor: pointer;
	font-size: 1.4em
}

.investor-docs-form form .docs>.sub span:hover {
	color: #ff0f00
}

.investor-docs-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

.investor-docs-form form .buttons {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.investor-docs-form form .buttons .custom-button.quaternary {
	width: 200px
}

.ant-btn-primary {
	background-color: #1b3f71 !important
}

.investor-info-form {
	background-color: #fff;
	border-radius: 8px;
	padding: 2rem
}

@media screen and (max-width:1024px) {
	.investor-info-form {
		padding: 2rem 1rem
	}
}

.investor-info-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 2rem
}

.investor-info-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

@media screen and (max-width:1024px) {
	.investor-info-form form .flex {
		gap: 0;
		grid-template-columns: 1fr
	}
}

.investor-info-form form>p {
	color: #848199;
	font-size: .9rem;
	text-align: center
}

.investor-info-form form .custom-button {
	margin: 1rem auto 0;
	width: 200px
}

.investor-roi-form {
	background-color: #fff;
	border-radius: 8px;
	padding: 2rem
}

@media only screen and (max-width:767px) {
	.investor-roi-form {
		padding: 2rem 1rem
	}
}

.investor-roi-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 2rem
}

.investor-roi-form form .error {
	margin-bottom: 1rem
}

.investor-roi-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

.investor-roi-form form>p {
	color: #848199;
	font-size: .9rem;
	text-align: center
}

.investor-roi-form form .buttons {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem
}

.investor-roi-form form .buttons .custom-button.quaternary {
	width: 200px
}

.investor-track-record-form {
	background-color: #fff;
	border-radius: 8px;
	
}

@media only screen and (max-width:767px) {
	.investor-track-record-form {
		padding: 2rem 1rem
	}
}

.investor-track-record-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 0px !important;
}

.investor-track-record-form form>p {
	color: #848199;
	font-size: .9rem;
	margin-bottom: 1.5rem;	
	text-align: left;
}

.investor-track-record-form form .error {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

label#type1_error, label#type2_error, label#type3_error {
    margin-top: -31px !important;
    display: block;
    margin-bottom: 20px;
}

.investor-track-record-form form .field>label {
	color: #848199;
	font-size: .9em;
	font-weight: 600;
	margin-bottom: .5rem;
	text-transform: uppercase
}

.investor-track-record-form form .select-property-type {
	align-items: center;
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
	margin-top: -1rem
}

.investor-track-record-form form .select-property-type>.sub label {
	align-items: center;
	display: flex;
	gap: .5rem
}

.investor-track-record-form form .select-property-type>.sub label span {
	border: 2px solid rgba(134, 146, 166, .463);
	border-radius: 50%;
	color: #fff;
	font-size: 1.5em;
	line-height: 0.9rem
}

@media only screen and (max-width:767px) {
	.investor-track-record-form form .select-property-type>.sub label span {
		font-size: 1.1em;
		line-height: 1rem
	}
}

.investor-track-record-form form .select-property-type>.sub label p {
	color: #848199
}

.investor-track-record-form form .select-property-type>.sub label p:first-letter {
	text-transform: uppercase
}

.investor-track-record-form form .select-property-type>.sub input:checked+label span {
	border-color: #00c4e2;
	color: #00c4e2
}

.investor-track-record-form form .buttons {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem
}

.investor-track-record-form form .buttons .custom-button.quaternary {
	width: 200px
}

.request-property-form {
	background-color: #fff;
	border-radius: 8px;
	padding: 2rem
}

@media only screen and (max-width:767px) {
	.request-property-form {
		padding: 2rem 1rem
	}
}

.request-property-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 2rem
}

.request-property-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

.request-property-form form>p {
	color: #848199;
	font-size: .9rem;
	text-align: center
}

.request-property-form form .custom-button {
	margin: 1rem auto 0;
	width: 200px
}

.request-trial-form {
	background-color: #fff;
	border-radius: 8px;
	padding: 2rem
}

@media screen and (max-width:1024px) {
	.request-trial-form {
		padding: 2rem 1rem
	}
}

.request-trial-form form h3 {
	color: #1b3f71;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 2rem
}

.request-trial-form form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2fr 1fr
}

@media screen and (max-width:1024px) {
	.request-trial-form form .flex {
		gap: 0;
		grid-template-columns: 1fr
	}
}

.request-trial-form form .custom-button {
	margin: 1rem auto 0;
	width: 200px
}

.dashboard-layout main {
	margin-top: 85px
}

@media screen and (max-width:1024px) {
	.dashboard-layout main {
		margin-top: 75px
	}
}

.trial-section {
/*	background-image: url(../media/hero.ec47b0bf78d0421bbd39.png);*/
	background-position-x: 130%;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0
}

@media screen and (max-width:1024px) {
	.trial-section {
		background-position-x: 10%;
		background-position-y: 100%;
		background-size: 140%
	}
}

@media only screen and (max-width:767px) {
	.trial-section {
		background-position-x: 10%;
		background-position-y: 40%;
		background-size: 140%
	}
}

.trial-section .trial-sub {
	background: linear-gradient(90deg, #1b3f71 60%, rgba(0, 196, 226, .22) 106.53%, hsla(0, 0%, 100%, 0) 127.76%);
	padding: 5rem 0
}

@media screen and (max-width:1024px) {
	.trial-section .trial-sub {
		background: #1b3f71e7
	}
}

.trial-section .trial-sub .con {
	align-items: center;
	display: flex;
	gap: 3rem
}

@media screen and (max-width:1024px) {
	.trial-section .trial-sub .con {
		flex-direction: column
	}
}

.trial-section .trial-sub .con .left {
	flex-grow: 1
}

.trial-section .trial-sub .con .left>.top h2 {
	color: #fff;
	font-size: 1.5em;
	font-weight: 700
}

.trial-section .trial-sub .con .left>.top h1 {
	color: #f79214;
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 1rem
}

.trial-section .trial-sub .con .left>.top p {
	color: #fff;
	font-size: 1em
}

.trial-section .trial-sub .con .left h4 {
	color: #00c4e2;
	font-size: 1em;
	font-weight: 700;
	margin: 2rem 0
}

.trial-section .trial-sub .con .left .trial-flex {
	grid-gap: 2rem;
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:1024px) {
	.trial-section .trial-sub .con .left .trial-flex {
		grid-template-columns: 1fr
	}
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top h3 {
	color: #0d1c2e;
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 2rem
}

@media screen and (max-width:1024px) {
	.trial-section .trial-sub .con .left .trial-flex .price-sub-top h3 {
		margin-bottom: 1rem
	}
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top ul li {
	align-items: flex-start;
	display: flex;
	font-size: 1em;
	gap: .5rem;
	margin-bottom: 1rem
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top ul li span {
	color: #0d1c2e;
	margin-top: .2rem
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top ul li p {
	color: #848199;
	font-weight: 500
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top:first-child .price span,
.trial-section .trial-sub .con .left .trial-flex .price-sub-top:first-child h3,
.trial-section .trial-sub .con .left .trial-flex .price-sub-top:first-child ul li span {
	color: #f79214
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top:first-child ul li p {
	color: #fff
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top:last-child h3 {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(90deg, #be36eb 3%, #00c4e2);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 700
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top:last-child ul li span {
	color: #be36eb
}

.trial-section .trial-sub .con .left .trial-flex .price-sub-top:last-child ul li p {
	color: #fff
}

.trial-section .trial-sub .con .right {
	max-width: 500px;
	min-width: 500px
}

@media only screen and (max-width:767px) {
	.trial-section .trial-sub .con .right {
		max-width: 100%;
		min-width: 100%
	}
}

.home-page>section.hero {

	margin: 0;
	padding: 0
}

.home-page>section.hero .hero-sub {
	background-color: #f7f7f7;
	border-radius: 0 0 56px 56px;
	/* min-height: 62vh */
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub {
		padding-top: 3.5rem
	}
}

.home-page>section.hero .hero-sub .con {
	grid-gap: 3rem;
	display: grid;
	gap: 3rem;
	grid-template-columns: repeat(2, 1fr);
	min-height: 50vh
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con {
		grid-template-columns: 1fr
	}
}

.home-page>section.hero .hero-sub .con .left {
	align-items: center;
	display: flex;
	min-height: 50vh
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .left {
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content
	}
}

.home-page>section.hero .hero-sub .con .left h1 {
	color: #1b3f71;
	font-size: 3em;
	font-weight: 300;
	line-height: 4.5rem
}

@media only screen and (max-width:767px) {
	.home-page>section.hero .hero-sub .con .left h1 {
		font-size: 2em;
		line-height: 2.5rem
	}
}

.home-page>section.hero .hero-sub .con .left h1 span {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(57deg, #00c4e2 30%, #be36eb);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 300
}

.home-page>section.hero .hero-sub .con .right {
	align-items: flex-end;
	display: flex;
	/* min-height: 62vh; */
	position: relative
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .right {
		justify-content: center;
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content
	}
}

.home-page>section.hero .hero-sub .con .right img.main {
	width: 100%
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .right img.main {
		width: 65%
	}
}

@media only screen and (max-width:767px) {
	.home-page>section.hero .hero-sub .con .right img.main {
		width: 100%
	}
}

.home-page>section.hero .hero-sub .con .right img.floating {
	background-color: #fff;
	border-radius: 10px;
	position: absolute
}

.home-page>section.hero .hero-sub .con .right img.floating.floating-1 {
	-webkit-animation: vibrate-1 10s linear infinite both;
	animation: vibrate-1 10s linear infinite both;
	bottom: 8%;
	right: -4%;
	width: 190px
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-1 {
		bottom: 8%;
		right: 7%;
		width: 200px
	}
}

@media only screen and (max-width:767px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-1 {
		bottom: 8%;
		right: 7%;
		width: 130px
	}
}

.home-page>section.hero .hero-sub .con .right img.floating.floating-2 {
	-webkit-animation: vibrate-1 10s linear infinite both;
	animation: vibrate-1 10s linear infinite both;
	-webkit-animation-delay: 2.75s;
	animation-delay: 2.75s;
	bottom: 48%;
	right: -15%;
	width: 190px
}

@media screen and (max-width:1355px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-2 {
		bottom: 48%;
		right: 0%;
	}
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-2 {
		bottom: 50%;
		right: 0;
		width: 200px
	}
}

@media only screen and (max-width:767px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-2 {
		bottom: 50%;
		right: 0;
		width: 130px
	}
}

.home-page>section.hero .hero-sub .con .right img.floating.floating-3 {
	-webkit-animation: vibrate-1 10s linear infinite both;
	animation: vibrate-1 10s linear infinite both;
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
	bottom: 20%;
	left: -13%;
	width: 250px
}

@media screen and (max-width:1024px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-3 {
		bottom: 12%;
		left: -3%;
		width: 270px
	}
}

@media only screen and (max-width:767px) {
	.home-page>section.hero .hero-sub .con .right img.floating.floating-3 {
		bottom: 12%;
		left: -3%;
		width: 150px
	}
}

.home-page section.home-section-2 {
	/*background-color: hsla(0, 0%, 85%, .349)*/
}

.home-page section.home-section-2 .con {
	align-items: flex-start;
	display: flex;
	gap: 3rem;
	justify-content: space-between
}

@media screen and (max-width:1024px) {
	.home-page section.home-section-2 .con {
		align-items: flex-start;
		flex-direction: column;
		gap: 2rem
	}
}

.home-page section.home-section-2 .con .download {
	align-items: center;
	display: flex;
	gap: .5rem
}

.home-page section.home-section-2 .con .download .download-card {
	min-width: 200px
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-2 .con .download {
		width: 100%
	}

	.home-page section.home-section-2 .con .download a {
		display: block;
		height: 100%;
		width: 50%
	}

	.home-page section.home-section-2 .con .download a .download-card {
		height: 100%;
		min-width: 100%;
		width: 100%
	}
}

.home-page section.home-section-2 .con .content p {
	color: #0d1c2e;
	font-size: 1em;
	font-weight: 400
}

.home-page section.home-section-2 .con .content p span {
	color: #00c4e2;
	font-weight: 700
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-2 .con .content p br.hide-on-mobile {
		display: none
	}
}

.home-page section.home-section-2 .con .content h2 {
	color: #f79214;
	font-size: 1.5em;
	font-weight: 600
}

.home-page section.home-section-3 {
	padding: 0
}

@media screen and (max-width:1024px) {
	.home-page section.home-section-3 {
		background-image: url(../media/calculate.e22fdff7eaf56ac37899.png);
		background-position: 100% 0;
		background-repeat: no-repeat;
		background-size: cover
	}
}

.home-page section.home-section-3>.sub:first-child {
	background: linear-gradient(90deg, #1b3f71, #00c4e2, hsla(0, 0%, 100%, 0) 127.17%);
	display: none;
	padding: 8rem 0
}

@media screen and (max-width:1024px) {
	.home-page section.home-section-3>.sub:first-child {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-3>.sub:first-child {
		padding: 4rem 0
	}
}

.home-page section.home-section-3>.sub:last-child .flex {
	display: flex
}

.home-page section.home-section-3>.sub:last-child .flex .left {
	align-items: center;
	background: linear-gradient(90deg, #1b3f71, #00c4e2);
	display: flex;
	padding-left: calc(50vw - 600px);
	width: 55%
}

@media screen and (min-width:2000px) {
	.home-page section.home-section-3>.sub:last-child .flex .left {
		padding-left: calc(50vw - 600px)
	}
}

.home-page section.home-section-3>.sub:last-child .flex .right {
	width: 45%
}

.home-page section.home-section-3>.sub:last-child .flex .right img {
	height: 100%;
	width: 100%
}

@media screen and (max-width:1024px) {
	.home-page section.home-section-3>.sub:last-child {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-3>.sub:last-child {
		display: none;
		padding: 4rem 0
	}
}

.home-page section.home-section-3>.sub h2 {
	color: #fff;
	font-size: 3em;
	font-weight: 400;
	margin-bottom: 1rem
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-3>.sub h2 {
		font-size: 2em
	}

	.home-page section.home-section-3>.sub h2 br {
		display: none
	}
}

.home-page section.home-section-3>.sub h2 span {
	color: #f79214;
	line-height: 4rem
}

.home-page section.home-section-3>.sub form {
	display: block;
	gap: .5rem;
	width: 100%
}

@media screen and (max-width:1024px) {
	.home-page section.home-section-3>.sub form {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.home-page section.home-section-3>.sub form {
		
		flex-direction: row;
	}
}

.home-page section.home-section-3>.sub form input {
	border-radius: 8px;
	flex-grow: 1;
	font-size: 1em;
	height: 50px;
	margin-bottom: 15px;
	padding: 0 1rem;
	width: 100%
}

.home-page section.home-section-3>.sub form input.error {
	background-color: #f7efef
}

.home-page section.home-section-3>.sub form input.error::-webkit-input-placeholder {
	color: #ff0f00
}

.home-page section.home-section-3>.sub form input.error::placeholder {
	color: #ff0f00
}

.home-page section.home-section-3>.sub form .custom-button {
	border-radius: 8px;
	height: 50px
}

.vibrate-1 {
	-webkit-animation: vibrate-1 6s linear infinite both;
	animation: vibrate-1 6s linear infinite both
}

@-webkit-keyframes vibrate-1 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	20% {
		-webkit-transform: translate(-5px, 5px);
		transform: translate(-5px, 5px)
	}

	40% {
		-webkit-transform: translate(-5px, -5px);
		transform: translate(-5px, -5px)
	}

	60% {
		-webkit-transform: translate(5px, 5px);
		transform: translate(5px, 5px)
	}

	80% {
		-webkit-transform: translate(5px, -5px);
		transform: translate(5px, -5px)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes vibrate-1 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	20% {
		-webkit-transform: translate(-5px, 5px);
		transform: translate(-5px, 5px)
	}

	40% {
		-webkit-transform: translate(-5px, -5px);
		transform: translate(-5px, -5px)
	}

	60% {
		-webkit-transform: translate(5px, 5px);
		transform: translate(5px, 5px)
	}

	80% {
		-webkit-transform: translate(5px, -5px);
		transform: translate(5px, -5px)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

.request-property-page .trial-section {
/*	background-image: url(../media/calculate.e22fdff7eaf56ac37899.png);*/
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 60%;
	padding: 0
}

.request-property-page .trial-section .trial-sub {
/*	background-color: #f2f2f2;*/
/*	background: linear-gradient(90deg, rgba(27, 63, 113, .49) 15.09%, #00c4e2 52.87%, hsla(0, 0%, 100%, .932) 110%);*/
	padding: 5rem 0
}

.request-property-page .trial-section .trial-sub .con {
	display: flex;
	gap: 3rem
}

@media screen and (max-width:1024px) {
	.request-property-page .trial-section .trial-sub .con {
		justify-content: center
	}
}

.request-property-page .trial-section .trial-sub .con .left {
	flex-grow: 1
}

@media screen and (max-width:1024px) {
	.request-property-page .trial-section .trial-sub .con .left {
/*		display: none*/
	}
}

.request-property-page .trial-section .trial-sub .con .right {
	max-width: 500px;
	min-width: 500px
}

@media only screen and (max-width:767px) {
	.request-property-page .trial-section .trial-sub .con .right {
		max-width: 100%;
		min-width: 100%
	}
}

.verified-investor-page .trial-section {
	padding: 0
}

.verified-investor-page .trial-section .trial-sub {
	background: hsla(0, 0%, 85%, .349);
	padding: 5rem 0
}

.verified-investor-page .trial-section .trial-sub .con {
	align-items: start;
	display: flex;
	gap: 3rem
}

@media screen and (max-width:1024px) {
	.verified-investor-page .trial-section .trial-sub .con {
		flex-direction: column
	}
}

.verified-investor-page .trial-section .trial-sub .con .left {
	flex-grow: 1
}

.verified-investor-page .trial-section .trial-sub .con .left>.top h2 {
	color: #000000;
	font-size: 1.5em;
	font-weight: 600
}

@media screen and (max-width:1024px) {
	.verified-investor-page .trial-section .trial-sub .con .left>.top h2 {
		font-size: 1.2em
	}
}

.verified-investor-page .trial-section .trial-sub .con .left>.top h1 {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(90deg, #be36eb 20%, #00c4e2);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 1rem
}

@media screen and (max-width:1024px) {
	.verified-investor-page .trial-section .trial-sub .con .left>.top h1 {
		font-size: 2em
	}
}

.verified-investor-page .trial-section .trial-sub .con .left>.top p {
	color: #000000;
	font-size: 1em
}

.verified-investor-page .trial-section .trial-sub .con .left h4 {
	color: #00c4e2;
	font-size: 1em;
	font-weight: 700;
	margin: 2rem 0
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top {
	background-color: #fff;
	border-radius: 8px;
	margin-top: 2rem;
	padding: 2rem;
	position: relative;
	width: 65%
}

@media screen and (max-width:1024px) {
	.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top {
		padding: 2rem 1rem;
		width: 100%
	}
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top h3 {
	color: #0d1c2e;
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 2rem
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top ul li {
	align-items: flex-start;
	display: flex;
	font-size: 1em;
	gap: .5rem;
	margin-bottom: 1rem
}

@media only screen and (max-width:767px) {
	.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top ul li {
		font-size: .9rem
	}
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top ul li span {
	color: #0d1c2e;
	color: #be36eb;
	font-size: 1.3em;
	margin-top: .2rem
}

@media only screen and (max-width:767px) {
	.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top ul li span {
		font-size: .9rem
	}
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top ul li p {
	color: #0d1c2e;
	font-weight: 600
}

.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top>img {
	border-radius: 50%;
	box-shadow: -6px 4px 4px 0 rgba(0, 0, 0, .07);
	position: absolute;
	right: 0;
	top: 5%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 150px
}

@media screen and (max-width:1024px) {
	.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top>img {
		right: 50px
	}
}

@media only screen and (max-width:767px) {
	.verified-investor-page .trial-section .trial-sub .con .left .price-sub-top>img {
		right: 30px;
		width: 100px
	}
}

.verified-investor-page .trial-section .trial-sub .con .right {
	max-width: 500px;
	min-width: 500px
}

@media only screen and (max-width:767px) {
	.verified-investor-page .trial-section .trial-sub .con .right {
		max-width: 100%;
		min-width: 100%
	}
}

.verified-investor-page .trial-section .trial-sub .con .right .steps {
	align-items: center;
	display: flex;
	gap: .5rem;
	justify-content: center;
	margin-bottom: 2rem
}

.verified-investor-page .trial-section .trial-sub .con .right .steps span {
	background-color: rgba(134, 146, 166, .463);
	display: block
}

.verified-investor-page .trial-section .trial-sub .con .right .steps span.active {
	background-color: #be36eb
}

.verified-investor-page .trial-section .trial-sub .con .right .steps span.circle {
	border-radius: 50%;
	height: 12px;
	width: 12px
}

.verified-investor-page .trial-section .trial-sub .con .right .steps span.line {
	border-radius: 50%;
	height: 1px;
	width: 40px
}

.verified-investor-page .trial-section .trial-sub .con .right .form-con {
	background: linear-gradient(#c92deb, #00c2e0);
	border-radius: 13px;
	padding: 5px
}

* {
	border: none;
	box-sizing: border-box;
	list-style-type: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none
}

*,
body,
html {
	scroll-behavior: smooth !important;
	font-family: 'Raleway', sans-serif !important;
}

body {
	color: #0d1c2e !important;
	font-family: 'Raleway', sans-serif !important;
	font-size: 16px
}

@media only screen and (max-width:767px) {
	body {
		font-size: 16px
	}
}

@media only screen and (max-width:360px) {
	body {
		font-size: 14px
	}
}

@media screen and (min-width:2000px) {
	body {
		font-size: 18px
	}
}

body::-webkit-scrollbar {
	width: .6rem
}

body::-webkit-scrollbar-track {
	background-color: initial;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

body::-webkit-scrollbar-thumb {
	background-color: #1b3f71;
	outline: 1px solid #708090
}

textarea {
	font-family: Inter, sans-serif
}

p,
textarea {
	font-size: 0.9em
}

p {
	color: #0d1c2e;
	line-height: 1.5
}

p,
ul {
	margin: 0
}

ul {
	padding: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.con {
	margin: 0 auto;
	width: 1180px
}


@media screen and (max-width:1200px) {
	.con {
		width: 991px
	}
}


@media screen and (max-width:1024px) {
	.con {
		width: 90%
	}
}

@media only screen and (max-width:767px) {
	.con {
		width: 90%
	}
}

form .flex {
	grid-gap: 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width:767px) {
	form .flex {
		gap: 0;
		grid-template-columns: 1fr
	}
}

form .button-flex {
	display: flex;
	gap: .5rem
}

form .field {
	height: auto;
	margin-bottom: 1rem;
	text-align: left;
	width: 100%
}

form .field label {
	color: #0d1c2e;
	display: block;
	font-size: 0.9rem;
	font-weight:500;
	margin-bottom: .1rem;
	text-transform: lowercase
}

form .field label:first-letter {
	text-transform: uppercase
}

form .field label.bold {
	color: #848199;
	font-weight: 600
}

form .field input,
form .field select {
	border: 1px solid rgba(134, 146, 166, .463);
	height: 50px;
	padding: 0 .7rem;
	color: black;
}

form .field input,
form .field select,
form .field textarea {
	background-color: #fff;
	border-radius: 8px;
	font-size: 1em;
	width: 100%
}

form .field textarea {
	height: 300px;
	padding: .7rem;
	transition-duration: .3s
}

form .field .ant-select {
	height: 50px;
	width: 100% !important
}

form .field .ant-select .ant-select-selector {
	background-color: #fff;
	border: 1px solid rgba(134, 146, 166, .463);
	border-radius: 8px;
	color: #0d1c2e;
	font-size: 1rem;
	height: 50px;
	padding: 0 .5rem
}

form .field .ant-select .ant-select-selector input {
	height: 50px !important
}

form .field .ant-select:hover .ant-select-selector {
	border-color: rgba(134, 146, 166, .463) !important
}

form .field input:focus,
form .field select:focus {
	border-color: #1b3f71;
	transition-duration: .3s
}

form .field.error input,
form .field.error select,
form .field.error textarea {
	background-color: hsla(5, 100%, 95%, .502);
	border-color: #ff0f00 !important
}

form .field.error input::-webkit-input-placeholder,
form .field.error select::-webkit-input-placeholder,
form .field.error textarea::-webkit-input-placeholder {
	color: #ff0f00 !important
}

form .field.error input::placeholder,
form .field.error select::placeholder,
form .field.error textarea::placeholder {
	color: #ff0f00 !important
}

form .field.error .password-sub {
	border-color: #ff0f00 !important
}

form .field.error .ant-select .ant-select-selector {
	background-color: hsla(5, 100%, 95%, .502);
	border-color: #ff0f00
}

form .field.error .error {
	color: #ff0f00;
	font-size: .9em
}

form .field input[type=checkbox],
form .field input[type=radio] {
	display: none
}

form .field input+label .select-field {
	align-items: center;
	background-color: #fff;
	border: 1px solid rgba(134, 146, 166, .463);
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	font-size: 1em;
	height: 50px;
	justify-content: space-between;
	padding: 0 .7rem;
	transition-duration: .5s;
	width: 100%
}

form .field input+label .select-field p {
	color: #0d1c2e;
	transition-duration: .5s
}

form .field input+label .select-field p:first-letter {
	text-transform: uppercase
}

form .field input+label .select-field span {
	color: #be36eb;
	opacity: 0;
	transition-duration: .5s
}

form .field input:checked+label .select-field {
	border: 2px solid #be36eb;
	transition-duration: .5s
}

form .field input:checked+label .select-field p {
	color: #be36eb;
	transition-duration: .5s
}

form .field input:checked+label .select-field span {
	opacity: 1;
	transition-duration: .5s
}

section {
	padding: 5rem 0
}

@media only screen and (max-width:767px) {
	section {
		padding: 3.5rem 0
	}

	section.carousel-section {
		padding: 1rem 0
	}
}

section .section-title {
	margin-bottom: 2rem;
	text-align: center
}

section .section-title h2 {
	color: #1b3f71;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize
}

section .section-title p {
	color: #0d1c2e;
	font-size: 1em;
	margin: 0 auto;
	text-align: center;
	width: 50%
}

@media screen and (max-width:1024px) {
	section .section-title p {
		width: 70%
	}
}

@media only screen and (max-width:767px) {
	section .section-title p {
		width: 100%
	}
}

.download-card {
	align-items: center;
	background-color: #000;
	border-radius: 8px;
	display: flex;
	gap: .75rem;
	min-width: 180px;
	padding: 1rem
}

.download-card>img {
	/*width: 25px*/
}

@media only screen and (max-width:767px) {
	.download-card>img {
		width: 28px;
	}
}

@media only screen and (max-width:360px) {
	.download-card>img {
		width: 18px
	}
}

.download-card .details h6 {
	color: #fff;
	font-size: 0.6em;
	font-weight: 300;
	opacity: 0.8px;
}

@media only screen and (max-width:767px) {
	.download-card .details h6 {
		font-size: .6em
	}
}

@media only screen and (max-width:360px) {
	.download-card .details h6 {
		font-size: .7em
	}
}

.download-card .details p {
	color: #fff;
	font-size: 1em;
	line-height: 1;
	font-weight: 600;
}

@media only screen and (max-width:360px) {
	.download-card .details p {
		font-size: .7em
	}
}




.svg-inline--fa {
	display: var(--fa-display, inline-block);
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em em;
}

.ant-select {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	display: inline-block;
	cursor: pointer;
}

select option {
	color: #757575;
}

select {
	color: #757575;
	/* Color for selected option text */
}


.tabcomponent .write {
	display: none;
	margin-top: 30px
}

.tabcomponent .active {
	display: block;
}

.btn-active {
	background-color: rgba(246, 144, 19, .22);
}

/*.trial-section {
	background-image: url(../media/hero.ec47b0bf78d0421bbd39.png);
	background-position-x: 130%;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0;
}

.request-property-page .trial-section {
	background-image: url(../media/calculate.e22fdff7eaf56ac37899.png);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 60%;
	padding: 0;
}*/

.parent {
	display: flex;
	flex-direction: row;

}

.child1 {
	width: 50%;
	padding: 0 20px;
}

.child2 {
	padding: 0 20px;
	width: 50%;

}


.icon {margin-top: 5px;}
.mt22 {margin-top: 22px;}

.carousel-bg{
	background-color: rgba(0,196,226,.071);
}

@media only screen and (max-width:767px) {

	.parent {
		display: flex;
		flex-direction: column;
	
	}
	
	.child1 {
		width: 100%;
		padding: 0 0 20px 0;
	}
	
	.child2 {
		padding: 0;
		width: 100%;
	}

	.trial-section .trial-sub{
		padding: 2rem 0;
	}

	.request-property-page .trial-section .trial-sub{
		padding: 2rem 0;
	}

	.verified-investor-page .trial-section .trial-sub{
		padding: 2rem 0;
	}
}

@media only screen and (max-width: 767px) {
	.app-features-section .con .right .tabcomponent {
		display: none;
	}
}


.ant-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 8px;
}

.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-expand-icon {
    height: 22px;
    display: flex;
    align-items: center;
    padding-inline-end: 12px;
}

.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-header-text {
    margin-inline-end: auto;
    flex: auto;
}

.ant-collapse>.ant-collapse-item >.ant-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 1.5714285714285714;
    cursor: pointer;
    transition: all 0.3s,visibility 0s;
}