@charset "UTF-8";
/*
================================================
	Fonts - Outfit
================================================
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/*
================================================
	Common CSS
================================================
*/

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-x: hidden;
}
body {
	font-family: "Outfit", sans-serif;
	color:#465073;
	font-size:16px;
}
div.wrapper{
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;	
}
div.container{
	max-width:1460px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-family: "Outfit", sans-serif;
}
a {
	transition: all 0.3s ease 0s;
}
a:hover {
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li {
	list-style: outside none none;
}
span.num {
	font-weight: 300;
}
section {
	float: left;
	width: 100%;
	padding: 100px 0;
}
section h2{
	color:#282d8c;
	font-size:45px;
	font-weight: 600;
	margin-bottom:20px;
}
section h2 span{
	font-weight: 600;	
}

b, strong {
	font-weight: 600;
}
/* .pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
} */
 
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}


/* Buttons */
.reqst-1 {
	--c1: #19a5a0;
	--c2: #23c8c3;
}
.reqst-2 {
	--c1: #f66302;
	--c2: #ff901b;
}
.reqst-3 {
	--c1: #373aa6;
	--c2: #6566ea;
}
.reqst-4 {
    --c1: #01a8df;
    --c2: #069bcc;
}

.cyan-btn {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
    background: #01a8df;
    transition: all .3s ease 0s;
    background: linear-gradient(90deg, var(--c1, #01a8df), var(--c2, #069bcc) 51%, var(--c1, #01a8df)) var(--x, 0) / 200%;
	/* margin: 15px 0 0 0;*/
	/* padding: 12.5px 29px;*/
}
.cyan-btn:hover {
    --x: 100%;
    color: #fff;
    transition: all .3s ease 0s;
}
.reqst-quote {
	background: #19a5a0;
	background: linear-gradient(90deg, var(--c1, #19a5a0), var(--c2, #23c8c3) 51%, var(--c1, #19a5a0)) var(--x, 0) / 200%;
	border-radius: 3px;
	margin: 0;
	padding: 15px 20px;
	/* padding: 22px 20px 23px; */
	font-size: 15px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.reqst-quote:hover {
	--x: 100%;
}
.reqst-demo {
	background: #f66302;
	background: linear-gradient(90deg, var(--c1, #f66302), var(--c2, #ff901b) 51%, var(--c1, #19a5a0)) var(--x, 0) / 200%;
	border-radius: 3px;
	margin: 0;
	/* padding: 22px 20px 23px; */
	padding: 15px 20px;
	font-size: 15px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.reqst-demo:hover {
	--x: 100%;
}

/* 
===============================================
	GoTop Button
===============================================*/
#totop{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 140px;
	z-index: 999;
	height: 0;
	width: 0;
	font-size: 0;
	text-align: center;
	transition:inherit;
	width:60px;
}
#totop:hover { 
	--x: 100%;
}
#totop span{
	color:#000;
	font-size:10px;
}
#totop i{
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--c1, #19a5a0), var(--c2, #23c8c3) 51%, var(--c1, #19a5a0)) var(--x, 0)/ 200%;
	width:40px;
	height:40px;
	font-weight: 900;
	color: #fff;
	font-size:22px;
	margin-top:3px;
}


/* PreLoader */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #181f6f;
	z-index: 9999999;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.preloader.hide {
	opacity: 0;
	display: none;
}
.loader {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 75px;
	display: inline-block;
	vertical-align: middle;
}
.loader-1 .loader-outter {
	position: absolute;
	border: 4px solid #fff;
	border-left-color: transparent;
	border-bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
	animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
.loader-1 .loader-inner {
	position: absolute;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	border-right: 0;
	border-top-color: transparent;
	-webkit-animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
	animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
@-webkit-keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}



/* cookies-policy */
#onetrust-consent-sdk #onetrust-banner-sdk {
	background-color: #1f1f1f !important;
	padding-bottom: 5px;
}
#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-consent-sdk #onetrust-policy-title {
	color: #fff !important;
	margin: 0;
}
#onetrust-banner-sdk a,
#onetrust-pc-sdk a,
#ot-sdk-cookie-policy a {
	color: #ff711b !important;
	text-decoration: underline;
	margin-left: 5px !important;
}
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler {
	background-color: inherit !important;
	border-width: 0 !important;
	color: #ff711b !important;
	margin: 0 !important;
	font-size: 20px;
}



@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1499.98px) {
	.container {
		width: 100%;
		padding-right: 50px;
		padding-left: 50px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 991.98px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.wrapper p {
		font-size: 16px;
		line-height: 23px;
	}
}

@media (max-width: 767.98px) {
	.wrapper p {
		font-size: 16px;
		line-height: 23px;
	}	
	section h2 {
		font-size: 30px;
		line-height: 1.2;
		font-weight: 600;
	}

	#totop {
		right: -10px;
		bottom: 100px;
	}
	#totop i {
		width: 30px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}
	#totop span {
		display: none;
	}	

	/** Cooky Policy **/	
	#onetrust-banner-sdk .onetrust-close-btn-ui {
		padding: 0 8px !important;
	}
}

@media (max-width: 575.98px) {
	.wrapper p {
		font-size: 16px;
		line-height: 23px;
	}
}