body {
	overflow-x: hidden;
	margin: 0;
	background-color: #151921;
	scroll-behavior: smooth;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
section { background-color: #ffffff; }
.small-padding { padding :30px 0; }
.normal-padding { padding :50px 0; }
.big-padding { padding: 80px 0;}
.flex-box {
	display:-webkit-flex;
	display:-webkit-box;
	display:-moz-flex;
	display:-moz-box;
	display:-ms-flexbox;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	display:flex;
	align-items: center;
}
.flex-wrap { flex-wrap:wrap; }
.custom-container {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
}
img {
	display:block;
	margin:0 auto;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	font: 16px/26px 'Lato-Regular';
	color: #898989;
}
/* fonts */
@font-face {
	font-family:'Lato-Regular';
	src: url(aa-assets/fonts/Lato-Regular.ttf);
}
@font-face {
	font-family:'Lato-Bold';
	src: url(aa-assets/fonts/Lato-Bold.ttf);
}
@font-face {
	font-family:'Nunito-Light';
	src: url(aa-assets/fonts/Nunito-Light.ttf);
}
@font-face {
	font-family:'Poppins-Bold';
	src: url(aa-assets/fonts/Poppins-Bold.ttf);
}
@font-face {
	font-family:'Poppins-Regular';
	src: url(aa-assets/fonts/Poppins-Regular.ttf);
}
@font-face {
	font-family:'Montserrat-Regular';
	src: url(aa-assets/fonts/Montserrat-Regular.ttf);
}
@font-face {
	font-family:'Montserrat-SemiBold';
	src: url(aa-assets/fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family:'Montserrat-Bold';
	src: url(aa-assets/fonts/Montserrat-Bold.ttf);
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	color:#252525;
}
h2, h3, h4, h5, h6 {font-family:'Lato-Regular';}
h1 { 	font-size:40px;	line-height:48px; }
h2 {	font-size:35px;	line-height:42px; }
h3 {	font-size:32px;	line-height:40px; }
h4 {	font-size:24px;	line-height:34px; }
h5 {	font-size:22px;	line-height:32px; }
h6 {	font-size:20px;	line-height:30px; }
p {
	font: 16px/26px 'Lato-Regular';
	color:#717e94;
}
a, button, img, li, i {
	text-decoration:none !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	transition:all 0.3s ease !important;
	font-family: 'Montserrat-Regular';
}
p { margin-bottom:24px; }
p:last-child { margin-bottom:0 !important; }
.white-font { color:#ffffff; }
.btn {
	font: 32px 'Poppins-Bold';
	color: #ffffff !important;
	text-align: center;
	max-width: 750px;
	width: 100%;
	display: block;
	margin: 0 auto 24px;
	background: #00ba00;
	background: -moz-linear-gradient(left,  #00ba00 0%, #0575e6 50%, #00ba00 100%);
	background: -webkit-linear-gradient(left,  #00ba00 0%,#0575e6 50%,#00ba00 100%);
	background: linear-gradient(to right,  #00ba00 0%,#0575e6 50%,#00ba00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ba00', endColorstr='#00ba00',GradientType=1 );
	background-size: 200% auto;
	padding: 15px 12px;
	border-radius: 40px;
}
.btn:hover { background-position: right center; }
.swal2-popup { font-size: 1.6rem !important; }
/* header css */
header {
	background-color: #151921;
	padding: 25px 30px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
header.fixed { padding: 20px 15px; }
header.fixed .logo img { width: 180px; }
header .col1 { justify-content: flex-start; }
#site-main-nav { text-align: right; }
#site-main-nav .hnav {
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	padding: 0 16px;
}
#site-main-nav .hnav:first-child { padding-left: 0; }
#site-main-nav .hnav:last-child {
	padding-right: 0;
	border-right: none;
}
#site-main-nav .hnav:hover { color: #02bb9b; }
#mobile-menu .menu-icon {
	cursor: pointer;
	display: block;
	width: 35px;
}
#mobile-menu .bar {
	width: 35px;
	height: 2px;
	background-color: 
	#fff;
	margin: 6px 0 6px auto;
	border-radius: 5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#mobile-menu:hover .bar { background-color: #03a0b9; }
#mobile-menu .bar.bar-2 { width: 25px; }
#mobile-menu .bar.bar-3 { width: 32px; }
#responsive-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	padding: 15px;
	right: -285px;
	background-color: #03100a;
	width: 100%;
	max-width: 285px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#responsive-menu .close {
	color: #fff;
	float: none;
	display: block;
	width: 100%;
	max-width: 30px;
	margin-bottom: 20px;
	opacity: 1;
	font-size: 18px;
	background-color: #0484d6;
	padding: 5px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 6px;
	z-index: 1;
}
#responsive-menu .close:hover {
	color: #03a0b9;
	background-color: transparent;
	border-color: #03a0b9;
}
#mob-site-nav {
	display: block;
	width: 100%;
	height: 100%;
}
#mob-site-nav .mnav {
	display: block;
	font: 500 16px/26px 'Montserrat-Regular';
	color: #fff;
	padding: 10px 12px;
}
#mob-site-nav .mnav:hover { background-color: #03a0b9; }
#responsive-menu.open{ right: 0; }
.slideout-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 8;
}
/* header css -end */

/* Banner styles*/
#main-content { padding-top: 90px; }
#page-banner { background-color: #151921; }
#page-banner .col { width: 100%; }
#page-banner .col-1 { max-width: 45%; }
#page-banner .banner-title {
	font-family: 'Poppins-Regular';
	font-weight: 600;
}
#page-banner .banner-desc {
	color: #a4abb8;
	font: 300 19px/28px 'Nunito-Regular';
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}
#page-banner form .input-cont {
	width: 100%;
	max-width: 430px;
}
#page-banner form #email-input {
	padding: 16px;
	font: 16px/16px 'Lato-Regular';
	border: 1px solid #02c78e;
	border-right: 0;
	height: 100%;
}
form label { font-weight: normal; }
#cta-form .input-group-addon {
	padding: 0;
	border: 0;
	background-color: transparent;
	overflow: hidden;
}
form .sub-btn {
	font-family:'Montserrat-Bold';
	padding: 16px;
	border-radius: 0;
	margin: 0;
	font-size:1.8em;
}
form .sub-btn:hover {
	color: #fff;
	background-position: right center !important;
}
#page-banner .col-2 { max-width: 55%; }
#page-banner .vid-wrapper {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	padding-bottom: 58%;
}
#page-banner .vid-wrapper iframe {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
/* End Banner styles*/

/* Section-1 Styles*/
#ft-section {
	border-bottom: 1px solid rgba(37, 105, 96, 0.3);
	box-shadow: 0 0 18px 10px rgba(0, 0, 0, 0.1);
	z-index: 1;
}
#ft-section .ft-row { align-items: flex-start; }
#ft-section .title-area {
	width: 100%;
	max-width: 920px;
}
#ft-section .title-area .title,
#sprt-networks .title-area .title {
	font: 30px/40px 'Poppins-Bold';
}
#ft-section .ft-box {
	width: 100%;
	max-width: 360px;
}
#ft-section .ft-box .title {
	text-transform: uppercase;
	font-weight: 700;
}
#ft-section .ft-box .desc {
	font-size: 18px;
	line-height: 28px;
	color: #616161;
}
/* End Section-1 Styles*/

/* Section-2 Styles*/
#sprt-networks { padding-bottom: 160px; }
#sprt-networks .title-area .desc {
	width: 100%;
	max-width: 620px;
}
#sprt-networks .sprtd-netwoks-img { margin-bottom: 90px; }
#sprt-networks .img-wrap img {
	height: 100%;
	max-height: 600px;
	min-height: 600px;
	object-fit: cover;
}
#app-pgs-slider .slick-dots { bottom: -45px; }
#app-pgs-slider .slick-dots li {
	width: 10px;
	height: 8px;
	background-color: #B2D8DA;
	border-radius: 5px;
}
#app-pgs-slider .slick-dots li.slick-active {
	width: 20px;
	background-color: #1FA5AB;
}
#app-pgs-slider .slick-dots li button {
	width: 0;
	height: 0;
	padding: 0;
}
#app-pgs-slider .slick-dots li button::before { content: unset; }
#app-pgs-slider .slick-list.draggable:hover { cursor: grab; }
#app-pgs-slider .slick-list.dragging,
#app-pgs-slider .slick-list.draggable:active:hover {
	cursor: grabbing;
}
/* End Section-2 Styles*/

/* Section-3 Styles*/
#sprt-section {
	background: #fff url(aa-assets/images/support-bg.svg) 56% 100%/cover no-repeat;
	padding-top: 140px;
}
#sprt-section .title-area {
	width: 100%;
	max-width: 630px;
}
#sprt-section .title-area p { margin-bottom: 20px !important; }
#support-btn {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	z-index: 1;
	width: 100%;
	max-width: 235px;
	height: 75px;
	background-color: #fff;
	border-radius: 50px;
}
#support-btn .sprt-btn {
	font: 700 20px/20px 'Montserrat-Regular';
	max-width: 200px;
}
/* End Section-3 Styles*/

/* Section-4 Styles*/
#cta-section {
	border-top: 12px solid #fff;
background-color: #04abc6;
}
#cta-section .title {
	font-family: 'Poppins-Bold';
	text-transform: capitalize;
}
#cta-section .desc {
	width: 100%;
	max-width: 676px;
}
#cta-section .form-cont {
	width: 100%;
	max-width: 380px;
}
#cta-section #email-input {
	padding: 15px;
	height: auto;
	font: 100 16px/16px 'Lato-Regular';
	border: 1px solid #02c78e;
}
#cta-section .sub-btn {
	max-width: 100%;
	border-radius: 5px;
}
/* END Section-4 Styles*/

/*Site Footer*/
#site-footer {
	padding: 20px;
	background-color: #151921;
}
#site-footer .col-1 { justify-content: flex-start; }
#site-footer .logo-cont .img-responsive {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
#site-footer .footer-links .nav-item a {
	font: 100 14px/24px 'Lato-Regular';
	color: #9e9e9e;
	border-left: 1px solid #9e9e9e;
}
#site-footer .footer-links .nav-item a:hover {
	color: #fff;
	border-color: #fff;
}

.hmbtn
{
    font-size: 1.8em; 
    border-radius:5px !important;
    line-height: 1 !important;;
}
/* End Site Footer*/

/* >>>>>> RESPONSIVE <<<<< */
@media screen and (max-width: 1199px) {
	.custom-container { max-width: 970px; }
	h1 { font-size:35px;	line-height:48px; }
	h2 {	font-size:32px;	line-height:42px; }
	h3 {	font-size:25px;	line-height:35px; }
	h4 {font-size: 22px;line-height: 32px;}
	h5 {	font-size:20px;	line-height:30px; }
	h6 {	font-size:18px;	line-height:28px; }
	#sprt-networks .sprtd-netwoks-img { margin-bottom: 70px; }
}

@media screen and (max-width: 991px) {
	.custom-container { max-width: 750px; }
	h1 { font-size:35px;	line-height:45px; }
	h2 {	font-size:32px;	line-height:42px; }
	h3 {	font-size:32px;	line-height:42px; }
	h4 {	font-size:22px;	line-height:32px; }
	h5 {	font-size:18px;	line-height:28px; }
	h6 {	font-size:16px;	line-height:24px; }
	p {	font-size:15px;	line-height:25px; }
	#page-banner .col { max-width: 100%; }
	#page-banner .col-1 { margin-bottom: 30px; }
	#ft-section .title-area .title {
		font-size: 25px;
		line-height: 35px;
	}
	#ft-section .ft-box { max-width: 345px; }
	#sprt-networks .sprtd-netwoks-img { margin-bottom: 20px; }
	#sprt-networks .img-wrap img {
		max-height: 400px;
		min-height: 400px;
	}
	#site-footer .col-1 { justify-content: center; }
}

@media screen and (max-width: 767px){
	.custom-container { padding: 0 15px; }
	.row {
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
	}
	.big-padding { padding: 50px 0; }
	h1{ font-size:35px; line-height:45px; }
	h2{	font-size:28px;	line-height:38px; }
	h3{	font-size:25px;	line-height:35px; }
	h4{	font-size:20px;	line-height:30px; }
	h5{	font-size:16px;	line-height:26px; }
	h6{font-size: 15px; line-height: 24px;}
	p{	font-size:14px;	line-height:25px; }
	#site-logo {
		flex: 1;
		margin-bottom: 25px;
	}
	#site-main-nav {
		text-align: center;
	}
	#main-content { padding-top: 140px; }
	#sprt-networks .img-wrap img {
		max-height: 100%;
		min-height: 0;
	}
	#page-banner form .sub-btn { font-size:1.2em; }
	#sprt-section .col-1 {
        float: none;
    }
}

@media screen and (max-width: 640px) {
	.custom-container { padding: 0; }
	header { padding: 25px 0; }
	.main-header .col2 { display: none; }
	#site-logo { margin-bottom: 0; }
	#site-logo img { margin: 0 !important; }
	#responsive-menu #site-logo img { margin: 0 auto !important; }
	h1{ font-size:28px; line-height:40px; }
	h2{	font-size:22px;	line-height:35px; }
	h3{	font-size:20px;	line-height:32px; }
	h4{	font-size:18px;	line-height:28px; }
	#ft-section .title-area .title {
		font-size: 22px;
		line-height: 32px;
	}
	#sprt-networks .sprtd-netwoks-img { margin-bottom: 0; }
	#page-banner form .sub-btn { font-size:1.2em; }
}

@media screen and (max-width:440px) {
	.container-fluid { padding: 0; }
	.row { max-width: 100%; }
	#mobile-menu.closed {
    -webkit-transform: translate(18px, -25px);
    -moz-transform: translate(18px, -25px);
		transform: translate(18px, -25px);
	}
	#main-content { padding-top: 120px; }
	#page-banner .banner-desc {
		font-size: 16px;
		line-height: 26px;
	}
	#page-banner form .sub-btn { font-size:1.2em; }
	#ft-section .title-area .title {
		font-size: 20px;
		line-height: 30px;
	}
	#sprt-networks { padding-bottom: 100px; }
	#sprt-section { padding-top: 80px; }
	#site-footer .logo-cont {
		margin: 0 !important;
		width: 100%;
	}
	#site-footer .logo-cont .img-responsive { margin: 0 auto 15px !important; }
	#site-footer .footer-links .nav-item a {
		border: 0;
		padding: 0 !important;
	}
	
}