/***********************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
	--colorOne:#5e2ced;
	--colorTwo:#f39423;
	--colorThree:#FBC273;
	--colorFour:#FFE8CC;
	--fontStyleOne:"Inter", sans-serif;
}
body{
	margin:0px;
	padding:0px;
	font-family:var(--fontStyleOne);
}
p{
	font-size:16px;
	color:#777;
	letter-spacing:1px;
	font-weight: 300;
}
.header_menu_wrap{
	width:100%;
	float:left;
	position:fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.79);
	z-index: 10;
}
.header_menu{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:8px 0;
}
.header_menu .logo img{
	width:200px;
}
.header_menu .nav_menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:flex;
}
.header_menu .nav_menu ul li{
	position:relative;
	padding:0 10px;
}
.header_menu .nav_menu ul li:nth-child(1)::before,
.header_menu .nav_menu ul li:nth-child(2)::before,
.header_menu .nav_menu ul li:nth-child(3)::before,
.header_menu .nav_menu ul li:nth-child(4)::before,
.header_menu .nav_menu ul li:nth-child(5)::before
 {
    content: '';
    position: absolute;
    background: url('../images/nav-home.png') no-repeat;
    width: 18px;
    height: 18px;
    top: 35%;
    left:0;
    transform: translateY(-35%);
}
.header_menu .nav_menu ul li:nth-child(2)::before{
	 background: url('../images/nav-online-update.png') no-repeat;
}
.header_menu .nav_menu ul li:nth-child(3)::before{
	 background: url('../images/nav-about-us.png') no-repeat;
}
.header_menu .nav_menu ul li:nth-child(4)::before{
	 background: url('../images/nav-services.png') no-repeat;
}
.header_menu .nav_menu ul li:nth-child(5)::before{
	 background: url('../images/nav-membership.png') no-repeat;
}

.header_menu .nav_menu ul li ul li:nth-child(1)::before,
.header_menu .nav_menu ul li ul li:nth-child(2)::before,
.header_menu .nav_menu ul li ul li:nth-child(3)::before,
.header_menu .nav_menu ul li ul li:nth-child(4)::before,
.header_menu .nav_menu ul li ul li:nth-child(5)::before{
	background:unset;
}

.header_menu .nav_menu ul li:nth-child(4) .fa-chevron-down{
	margin-top:5px;
}

.header_menu .nav_menu ul li a{
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:300;
	display:flex;
}
.header_menu .nav_menu ul li a:hover{
	color:var(--colorTwo);
}

.header_menu .nav_menu ul li:last-child a{
	padding:8px 15px;
	text-decoration:none;
	color:var(--colorTwo);
	border:1px solid #fff;
	background:#000;
	border-radius:5px;
	font-weight:600;
}
.header_menu .nav_menu ul li:last-child a:hover{
	background:#fff;
}
.header_menu .nav_menu ul li ul li:last-child a{
	font-weight:300;
}
.mobile_menu_icon{
	display:none;	
	}
.header_menu .nav_menu ul li{
	position:relative;
}
.header_menu .nav_menu ul li div.sub-menu{
	position:absolute;
	top:5px;
	padding-top: 38px;
	display:none;
}
.header_menu .nav_menu ul li:hover div.sub-menu{
	display:block;
}
.header_menu .nav_menu ul li div.sub-menu ul{
	display:flex;
	flex-direction:column;
	width:250px;
	padding-top:10px;
	background:#fff;
}
.header_menu .nav_menu ul li ul li{
	display:block;
	padding:5px 0px;
	border-bottom:1px solid #ddd;
}	
.header_menu .nav_menu ul li ul li a, .header_menu .nav_menu ul li ul li:last-child a{
	color:#333;
}
.header_menu .nav_menu ul li ul li:last-child a, .header_menu .nav_menu ul li ul li:last-child a:hover{
	background:unset;
}
@media (max-width:768px){
	.header_menu .nav_menu ul li div.sub-menu{
	position:relative;
	top:0px;
	padding-top:0px;
	display:block;
	padding-left:15px;
}
.header_menu .nav_menu ul li div.sub-menu ul{
	position:relative;
	left:0;
	top:0;
	width:100%;
	}
	.header_menu .nav_menu ul li div.sub-menu {
        display: none;
		height:0px;
		transition:all 0.3s ease-out;
		
    }
	.header_menu .nav_menu ul li.active a{
		color:var(--colorOne);
	}
	.header_menu .nav_menu ul li.active ul li a{
		color:#333;
	}
    .header_menu .nav_menu ul li.active div.sub-menu {
        display: block;
		height:100%;
    }
	
	
	.header_menu .nav_menu ul li a .fa-chevron-down{
		position:absolute; right:15px; top:15px;
	}
	.header_menu .nav_menu ul li.active a .fa-chevron-down{
		transform:rotate(90deg);
	}
	
	.mobile_menu_icon{
		display:block;
		position:absolute;
		right:15px;
		top:15px;
	}
	.mobile_menu_icon a{
		color:#fff;
	}
	.mobile_menu_icon a.openBtn{
		display:block;
	}
	.mobile_menu_icon.active a.openBtn{
		display:none;
	}
	.mobile_menu_icon a.closeBtn{
		display:none;
	}
	.mobile_menu_icon.active a.closeBtn{
		display:block;
	}
		
	.header_menu{
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	padding:5px;
	}
	.header_menu .nav_menu ul{
		display:flex;
		flex-direction:column;
		background:#fff;
		width:350px;
		position:absolute;
		top:58px;
		left:-355px;
		transition: left 0.3s ease-out;
		padding-bottom:10px;
		padding-left:17px;
	}
	.header_menu .nav_menu ul.active{
		left:0;
	}
	.header_menu .nav_menu ul li{
		color:#333;
		padding:5px 10px;
		border-bottom:1px solid #ddd;
	}
	.header_menu .nav_menu ul li:last-child{
		padding-top:10px;
		border-bottom:0px solid #ddd;
	}
	.header_menu .nav_menu ul li a{
		color:#333;
		font-size:14px;
	}
	.header_menu_wrap {
   background:#111;
	}
	
}
/*************banner**************/
.banner_wrap{
	width:100%;
	float:left;
	background:url('../images/banner_bg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.banner_wrap.printer_bg{
	width:100%;
	float:left;
	background:url('../images/printer_banner_bg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.banner_wrap .banner_content{
	padding-top:150px;
	min-height:500px;
	text-align:left;
}
.banner_content h1{
	color:#fff;	
	font-size:48px;
	text-shadow: 1px 1px 0px #333;
	font-weight: 600;
	letter-spacing: 1px;
}
.banner_content p{
	font-size:32px;
	color:#fff;
	font-weight:200;
	letter-spacing: 3px;
 } 
 .banner_btn a{
	 background:var(--colorOne);
	 padding:8px 25px;
	 color:#fff;
	 border-radius:5px;
	 text-decoration:none;
	 font-size:18px;
	 box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3)
 }
 .banner_btn a:hover{
	 background:var(--colorTwo);
 } 
 

#wordService{
	 font-weight:900;
 }
 .banner_content p span.wordMove {
	color: var(--colorBlack);
	display: inline-block;
	opacity: 0;
	transform: translateX(10%);
	transition: transform 0.5s ease, opacity 0.5s ease;
}
.banner_content p span.show {
	opacity: 1;
	transform: translateX(0);
}
 @media(max-width:768px){
	 .banner_content h1{
	font-size:25px;
	}
	.banner_content p{
	font-size:18px;
	} 
	.banner_wrap .banner_content{
	min-height:auto;
	padding-bottom:50px;
	}
 }

.lead_form_bg{
	padding-top:25px;
	background-color: #ffffff;
  background-image:linear-gradient(to bottom, rgba(0,0,0,0) 72%, rgba(197, 200, 205, 1) 100%),
    radial-gradient(75% 85% at 92% 35%,
                    rgba(0,0,0,0.20) 0%,
                    rgba(0,0,0,0.10) 35%,
                    rgba(0,0,0,0.00) 70%),
   linear-gradient(to right, #eef0f4 0%, #f4f5f8 40%, #ffffff 70%, #ffffff 100%);
	background-repeat: no-repeat;
	background-size: cover;
}
.lead_form_bg img{
	 filter: drop-shadow(20px 10px 40px rgba(0,0,0,0.3));
}
.lead_form_bg input, .lead_form_bg select{
	border:1px solid #f0c48f;
	appearance:auto;
}
.lead_form_bg label, .lead_form_bg option{
	font-weight:300;
	font-size:14px;
}
.lead_form_bg .form-control{
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}
.lead_form_bg .btnOne{
	border:2px solid #fff;
	background:#04010b;
	color:var(--colorTwo);
	padding:10px 25px;
	width:100%;
	text-transform:uppercase;
}
/********************************/
.pt-30{padding-top:30px;}
.pb-30{padding-bottom:30px;}
.mt-30{margin-top:30px;}
.mb-30{margin-bottom:30px;}
.page_wrap{
	width:100%;
	float:left;
	margin:30px 0;
}
.page_heading h2, .page_heading h4{
	font-size:30px;
	text-align:center;
	margin-bottom:60px;
	text-transform:capitalize;
	font-weight:500;
}
/*.page_heading h2:before{
	content:"\e553";
	font-family: "Font Awesome 7 free";
	font-weight: 600;
	display: inline-block;
	font-size:18px;
	color:var(--colorTwo);
}*/

.box_list{
	border-radius: 15px;
	padding:15px;
	margin-bottom:15px;
	position:relative;
	text-align:left;
	background:var(--colorThree);
	min-height:250px;
}
.box_list .icon_box{
	background:var(--colorFour);
	border:1px solid var(--colorFour);
	width:50px;
	height:50px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	border-radius:10px;
	color:#000;
	
}
.icon_box img{
	width:35px;
}
.box_list h3{
	font-size:20px;
	margin-top:25px;
}
.box_list p{
	color:#333;
	font-weight:300;
}
/*********************/
.bgOne{
	background:var(--colorOne);
}
.text-white{
	color:#fff;
}
.process_box_list{
	border:1px solid #000;
	padding:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	min-height:250px;
	box-shadow: 1px 1px 10px rgba(8, 8, 8, 0.05);
	background:#fff;
	border-radius:15px;
}
.process_box_list .icon_box{
	background:var(--colorFour);
	border:1px solid var(--colorFour);
	width:50px;
	height:50px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	border-radius:15px;
	color:#000;
	position:absolute;
	left:50%;
	transform:translate(-50%);
	top:15px;
}
.process_box_list h3{
	font-size:20px;
	margin-top:60px;
	color:#333;
}
.process_box_list p{
	color:#9f9d9d;
	font-weight:300;
}
.processBtn{
	position:absolute;
	left:50%;
	transform:translate(-50%);
	bottom:15px;
}
.processBtn a{
	background:#09031C;
	color:#fff;
	text-decoration:none;
	padding:8px 20px;
	border-radius:5px;
}
.processBtn a:hover{
	background:var(--colorTwo);
}

/************about**************/
.about_section .fa-classic{
	color:var(--colorOne);
	width:40px;
	height:40px;
	background:#ddd;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.min_height_250{
	min-height: 250px;
}
.min_height_215{
	min-height: 265px;
}
.sub_heading{
	font-size:25px;
	margin-bottom:35px;
	font-weight:500;
	color:#666;
}
/****************cta**********************/
.cta_section{
	width:100%;
	display:flex;
	background:url('../images/cta_bg.png') no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
}
.cta_section:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:rgba(0, 0, 0, 0.5);
}
.cta_section p{
	color:#fff;
}
.cta_section .page_heading h3, .cta_section .page_heading .sub_heading{
	color:#fff;
}
.cta_section .page_heading h3{
	font-size:30px;
	padding-top:30px;
}
.cta_section .page_heading .sub_heading span{
	font-size:16px;
	background:#fff;
	color:var(--colorOne);
	padding:8px 25px;
	border-radius:25px;
}
.cta_section .container{
	z-index:1;
	padding-bottom:25px;
}
/**************form contact*************/
.contact_form form{
	background:#fff;
	box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);
	padding:15px;
	border-radius:10px;
}
.contact_form form h3{
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
}
.contact_form form .form-control{
	margin-bottom:10px;
}
.contact_form form button{
	padding:8px 25px;
	border:none;
	background:var(--colorOne);
	color:#fff;
	border-radius:5px;
}
.contact_form form button:hover{
	background:var(--colorTwo);
}

/******************member*******************/
.pricingTable{
    background: #fff;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
	min-height: 680px;
	position:relative;
	margin:25px 0;
    }
.pricingTable .pricingTable-header{
    background:#333;
    padding: 30px 0 33px;
    margin: 0 0 70px;
    border-radius:0;
    position: relative;
	min-height: 116px
}
.pricingTable .title{
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
}
.pricingTable .title span{
    font-size: 25px;
    font-weight: 500;
}
.pricingTable .price-value{
    color:var(--colorTwo);
    background: #fff;
    width: 100px;
    height: 100px;
    padding: 21px 0;
    /*border: 5px solid #333;*/
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    bottom: -75px;
    left: 50%;
  transform: translate(-50%);
}
.pricingTable .price-value .amount{
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 3px;
    display: block;
}
.pricingTable .price-value .duration{
    font-size: 14px;
    line-height: 11px;
    font-weight: 400;
    display: block;
}
.pricingTable .pricing-content{
    text-align: left;
    padding: 10px;
    margin: 0 0 15px;
    list-style: none;
    display: inline-block;
}
.pricingTable p{
	padding:10px;
	text-align:left;
	font-size:14px;
	color:#444;
}
.pricingTable .pricing-content li{
    color: #444;
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px 12px 45px;
    margin: 0 0 14px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}
.pricingTable .pricing-content li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.pricingTable .pricing-content li:before{
    content: "\f00c";
    font-family: "Font Awesome 5 free";
    color: #009432;
    font-size: 15px;
    font-weight: 900;
    position: absolute;
    top: 1px;
    left: 15px;
}
.pricingTable .pricing-content li.disable:before{
    content: "\f00d";
    color: #EA2027;
}
.pricingTable .pricingTable-plan{
	background:red;
	position:absolute;
	bottom:15px;
	left:50%;
	transform:translate(-50%);
}
.pricingTable .pricingTable-plan a{
	background: #09031C;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 5px;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-plan a:hover{
    
    text-decoration: none;
	background: var(--colorTwo);
}

@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 40px; }
}
/****************footer*******************/
.page_wrap.footer_section{
	background: #1f1f1f;
	margin: 0px;
}
.page_wrap.footer_section h4{
	color:#fff;
	font-family:var(--fontStyleOne);
}
.page_wrap.footer_section a{
	color:#666;
	text-decoration:none;
	font-weight:350;
}
.page_wrap.footer_section  form button{
	background:var(--colorOne);
	color:#fff;
}
.copyright{
	border-top:1px solid #333;
}
.copyright p{
	margin-bottom:0px;
	padding:10px;
}