/********** Template CSS **********/
:root {
	--primary: #079cff;
	--secondary: #15ace1;
	--text: #333333;
	--light: #f4f7fe;
	--dark: #14183e;
  }
  body {
	font-family: Lato;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #333333;
  }
  p {
	font-family: Lato;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #333333;
  }
  #spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
	z-index: 99999;
  }
  
  #spinner.show {
	transition: opacity 0.5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
	background: linear-gradient(180deg, #001258 0%, #079cff 96.65%),
	  linear-gradient(180deg, #0c0d34 0%, #001a7f 100%);
  }
  /*** Button ***/
  .btn {
	background: #079cff;
	font-family: Segoe UI;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: left;
	color: #ffffff;
	padding: 10px 15px;
	border-radius: 30px;
  }
  .btn:hover {
	background: #15ace1;
	color: #ffffff;
  }
  .btn-small {
	padding: 5px 15px;
  }
  
  .btn-icons {
	padding-right: 70px !important;
	position: relative;
  }
  .btn-icons:before {
	content: url("../static/uiassets/img/arrow.svg");
	position: absolute;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	top: 5px;
	display: flex;
	text-align: center;
	right: 10px;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
  }
  
  .btn-square {
	border-radius: 0px;
  }
  
  h2.section-heading {
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: 0em;
  }
  
  /*** Header ***/
  .header-wrapper {
	padding: 20px;
	width: 100%;
	transition: 0.5s;
	position: fixed;
	top: 0;
	z-index: 99;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
  }
  .header-wrapper.sticky-top {
	background: linear-gradient(180deg, #079cff 0%, #001258 96.65%),
	  linear-gradient(180deg, #0c0d34 0%, #001a7f 100%);
	padding: 10px;
  }
  .header-wrapper .logo {
	max-width: 200px;
	padding: 5px;
  }
  .header-wrapper.sticky-top .logo {
	max-width: 100px;
	padding: 5px;
  }
  ul.navbar-nav {
	list-style: none;
	padding: 0px;
  }
  .navbar .navbar-nav li a.nav-link {
	padding: 10px 25px;
	color: #ffffff;
	outline: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
  }
  .navbar .navbar-nav li a.nav-link:hover,
  .navbar .navbar-nav li a.nav-link.active {
	font-weight: 700;
  }
  
  .navbar .dropdown-toggle::after {
	border: none;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	margin-left: 8px;
  }
  
  .header-wrapper .search-container {
	max-width: 350px;
	min-width: 280px;
	padding: 0px 15px;
  }
  .header-wrapper .search-container input {
	width: 100%;
	border-radius: 30px;
	background: #ffffff;
	color: #333333;
	padding: 5px 15px;
	outline: none;
	border: none;
  }
  
  .navbar .navbar-nav li.sign-up {
	position: relative;
  }
  .navbar .navbar-nav li.sign-up .sign-content {
	display: flex;
	visibility: hidden;
	position: absolute;
	width: 250px;
	min-width: 150px;
	padding: 15px;
	background: #ffffff;
	border-radius: 15px;
	opacity: 0;
	transform: translateX(-50%);
	transition: opacity 0.15s ease-out;
	z-index: 99;
	top: 40px;
	left: 70%;
	margin: 0 0 15px 0;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  }
  .navbar .navbar-nav li.sign-up .sign-content:before {
	content: "";
	position: absolute;
	border: 10px solid transparent;
	z-index: 1001;
	border-top-width: 0;
	border-bottom-color: #fff;
	bottom: 100%;
	left: 50%;
  }
  
  .navbar .navbar-nav li.sign-up .sign-content p {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: center;
	color: #858585;
	margin-bottom: 0px;
	margin-top: 5px;
  }
  .navbar .navbar-nav li.sign-up .sign-content p a {
	color: #0071bc;
  }
  
  .navbar .navbar-nav li.sign-up:hover .sign-content {
	visibility: visible;
	opacity: 1;
  }
  
  /*** Banner Section ***/
  .banner-wrapper {
	padding-top: 110px;
	position: relative;
	background: linear-gradient(180deg, #079cff 0%, #001258 96.65%),
	  linear-gradient(180deg, #0c0d34 0%, #001a7f 100%);
	min-height: 90vh;
  }
  .banner-wrapper .banner-inner {
	width: 100%;
	display: flex;
	min-height: 90vh;
	background-image: url(../images/bg-wave.png);
	background-repeat-y: no-repeat;
	background-repeat-x: repeat;
	background-position: center bottom;
	align-content: center;
	align-items: center;
  }
  
  .banner-wrapper .banner-inner h1 {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	text-align: left;
  }
  .banner-wrapper .banner-inner p {
	font-size: 24px;
	font-weight: 400;
	line-height: 29px;
	letter-spacing: 0em;
	text-align: left;
  }
  
  /*** Banner Section END ***/
  /*** counter Section start ***/
  .counter-wrapper {
	padding: 60px 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
  }
  
  .counter-wrapper .counter-boder {
	position: relative;
	background: linear-gradient(to top, #079cff, #001258);
	padding: 2px;
	border-radius: 30px;
  }
  
  .counter-inner {
	background: #fff;
	padding: 30px 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
	border-radius: 28px;
  }
  
  .counter-wrapper .counter-boder .counter-items {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
  }
  .counter-wrapper .counter {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
  }
  .counter-wrapper span {
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	text-align: left;
	color: #079cff;
	display: block;
	margin-bottom: 5px;
  }
  .counter-wrapper h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: #333333;
  }
  /*** Banner Section END ***/
  /*** service section start ***/
  
  .service-wrapper {
	padding: 60px 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
  }
  
  .service-wrapper .service-items {
	background: linear-gradient(180deg, #079cff 0%, #001258 96.65%),
	  linear-gradient(180deg, #090f26 0%, #001258 96.65%);
	padding: 35px;
	border-radius: 30px;
	margin: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
  }
  
  .service-wrapper .service-items.ml-0 {
	margin-left: 0px !important;
  }
  .service-wrapper .service-items.mr-0 {
	margin-right: 0px !important;
  }
  
  .service-wrapper .service-items .service-icons {
	padding: 10px;
  }
  .service-wrapper .service-items .service-icons img {
	max-width: 50px;
	text-align: left;
  }
  .service-wrapper .service-items h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	letter-spacing: 0em;
	text-align: left;
	color: #ffffff;
	padding: 10px 0px;
  }
  .service-wrapper .service-items p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #ffffff;
  }
  
  /*** service section end ***/
  
  footer.footer-wrapper {
	background: linear-gradient(180deg, #079cff 0%, #001258 96.65%),
	  linear-gradient(180deg, #090f26 0%, #001a7f 100%);
	padding: 60px 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  }
  .footer-inner {
	max-width: 768px;
  }
  
  footer.footer-wrapper h5 {
	font-size: 24px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0em;
	text-align: center;
  }
  /*** Footer section end ***/
  
  /* sign-up-form-start */
  
  .sign-in {
	margin-top: 160px;
	margin-bottom: 300px;
  }
  
  .main-content .main-heading {
	font-size: 40px;
	font-weight: 700;
  }
  .main-content .main-para {
	font-size: 22px;
	font-weight: 400;
  }
  .main-content .icons a {
	background-color: #fff;
	color: black;
  }
  .overlay-main {
	background-image: url("../images/bg-wave.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	border-radius: 3%;
  }
  .overlay-main img {
	width: 50%;
  }
  
  .overlay-main p {
	font-size: 22px;
	font-weight: 400;
	line-height: 29px;
	letter-spacing: 0px;
  }
  .sign-up-header .navbar-brand img {
	width: 80% ;
  }
  .fa-google {
	background: conic-gradient(
		from -45deg,
		#ea4335 110deg,
		#4285f4 90deg 180deg,
		#34a853 180deg 270deg,
		#fbbc05 270deg
	  )
	  73% 55%/150% 150% no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
  }
  .facebook {
	color: #15ace1;
  }
  
  /* sign-up-form-end */
  
  /* sign-up-header-start */
  
  .sign-up-header.sticky-top {
	background: #ffffff !important;
	box-shadow: 0 0 4px #00000025;
  }
  .sign-up-header.sticky-top .container {
	border-bottom: none !important;
  }
  .sign-up-header.sticky-top .container .navbar {
	padding: 0 !important;
  }
  .sign-up-header.sticky-top .container img{
	width: 100% !important;
  }
  
  /* sign-up-header-end */
  
  /* sub-footer-section-start              */
  
  /* sub-footer-section-end                       */
  .footer-second {
	margin-top: -130px;
  }
  .second-section {
	min-height: 261px;
	margin-top: -200px;
	margin-bottom: 40px;
	position: relative;
	z-index: 999;
  
	background-image: linear-gradient(#079cff, #001258);
	border-radius: 28px;
	min-height: 300px;
  }
  .images-container img{
	width: 350px; 
	   height: 350px;
  }
  
  @media screen and (max-width: 991px) {
	.header-wrapper .navbar-collapse {
	  background: linear-gradient(180deg, #079cff 0%, #001258 96.65%),
		linear-gradient(180deg, #0c0d34 0%, #001a7f 100%);
	}
	.navbar .navbar-nav li.sign-up .sign-content {
	  left: 110px;
	}
	.service-wrapper .service-items {
	  margin: 10px 0px;
	  padding: 20px;
	}
	.banner-wrapper .banner-inner h1 {
	  font-size: 35px;
	  font-weight: 700;
	  line-height: 50px;
	  text-align: center;
	}
	.banner-wrapper .banner-inner p {
	  text-align: center;
	  font-size: 20px;
	}
	footer.footer-wrapper h5 {
	  font-size: 20px;
	}
  }
  
  @media screen and (max-width: 768px) {
	.counter-wrapper .counter {
	  justify-content: center;
	  align-items: center;
	  padding: 0px 0px;
	}
  }
  
  @media screen and (max-width: 480px) {
  }
  
  @media screen and (max-width: 1000px) {
	.main-content .main-heading {
	  font-size: 29px;
	  font-weight: 700;
	}
	.main-content .main-para {
	  font-size: 20px;
	  font-weight: 400;
	}
	.overlay-main p {
	  font-size: 20px;
	}
	.overlay-main img {
	  width: 40%;
	}
   
  }
  
  @media screen and (max-width: 1200px){
  .navbar .navbar-nav li a.nav-link {
	  padding: 8px 14px;
  }}
  @media screen and (max-width: 989px){
	.navbar-toggler-icon{
	  background-color: #00FFFF !important;
	  
	}}





	/* new styles */