/*
Custimize Css
Created Date : 2021/03/22
*/
@import url('parts/component.css');
@import url('parts/set-values.css');
@import url('parts/mode-icon.css');
@import url('parts/mega-nav.css');
@import url('parts/optional.css');
@import url('parts/animation.css');
@import url('parts/section-graphics.css');
@import url('parts/pricing-card.css');
@import url('parts/tab-one.css');
@import url('parts/browser-screenshot.css');
@import url('parts/form-component.css');
@import url('parts/hero-search.css');
@import url('parts/request-details.css');
@import url('parts/slider-tab.css');

/*Main Header*/
.mega-nav .header-art-1 {
	position: absolute;
	left: 50%;
	top: 0%;
	width: initial;
	height: 100%;
	transform: translateX(-50%);
}
.mega-nav.navigation-overlay .header-art-1 {
  display: none !important;
}
.mega-nav .register-btn {
	box-shadow: rgba(36, 44, 43, 0.17) 0px 3px 6px 0px, rgba(34, 42, 44, 0.08) 0px 1px 0px 0px;;
	font-size: 16px;
	padding: 13px 30px;
	background: #3FFFD0;
	border-color: #3FFFD0;
}
/*Hero Section*/
.hero-bg {
	background: url('../graphics/hero-section/hero-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.hero-bg-gradient {
	background: linear-gradient(110.85deg, rgb(0, 46, 80) 33.21%, rgba(0, 46, 80, 0.47) 93.06%, rgba(0, 46, 80, 0.37) 93.06%);
	background-size: center;
	background-repeat: no-repeat;
}
.hero-bg-art {
	transform: rotate(-30deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .25s ease;
}
.hero-bg-art .hero-bg-art-1 {
	height: 55vw;
	width: 100%;
	bottom: -50vw;
	right: 0;
	background: linear-gradient(80.39deg, rgba(1, 90, 156, 0.51) 76.52%, rgba(0, 46, 80, 0.44) 122.66%);
	opacity: 0.6;
}
.hero-bg-art .hero-bg-art-2 {
	height: 46vw;
	width: 100%;
	bottom: -50vw;
	right: 0;
}
.hero-bg-art .hero-bg-art-3 {
	height: 50vw;
	width: 100%;
	top: calc(-50vw);
	left: 0;
	background: linear-gradient(76.66deg, rgba(0, 39, 68, 0.1) 22.55%, rgba(15, 113, 186, 0.33) 93.74%);
}
.hero-bg-art .hero-bg-art-4 {
	height: 50vw;
	width: 100%;
	bottom: -50vw;
	right: 0;
	opacity: 1;
	background: #c7dfeb;
}
.hero-bg-art .hero-bg-art-5 {
	height: 50vw;
	width: 21.2%;
	bottom: -50vw;
	right: 40%;
	transform: skew(-30deg) translate3d(40%,0,0);
}
.hero-bg-gradient1 {
	background: linear-gradient(95.34deg, #A2FACF 1.84%, #64ACFF 60.43%);
}
@media(max-width: 767px) {
	.hero-bg-art {
		display: none;
	}
}

/*Footer*/
.footer-graphic {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden; 
}
.footer-graphic .graphic-top ,
.footer-graphic .graphic-bottom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .25s ease;
}
.footer-graphic .graphic-bottom {
	overflow: hidden; 
}
.footer-graphic .graphic-top .graphic ,
.footer-graphic .graphic-bottom .graphic {
	transform-origin: 100% 0;
	transform: skewY(-6deg);
}
.footer-graphic .graphic-top .graphic {
	content: '';
	height: 100px;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(-30deg, rgba(1, 90, 156, 0.51) 54.93%, rgba(0, 46, 80, 0.44) 88.05%);
	opacity: 0.6;
}
.footer-graphic .graphic-bottom .graphic {
	content: '';
	height: 70px;
	width: 650px;
	bottom: 0;
	right: 0;
	background: linear-gradient(-30deg, rgba(15, 113, 186, 0.51) -0.28%, rgba(0, 39, 68, 0.44) 89.12%);
}

/*Newsletter*/
.footer-newsletter .newsletter-dialog {
	background: #fff;
	padding: 40px 50px;
	box-shadow: 0px 12px 21px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}s