@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');

/*************start*************/
img {
	max-width:100%;
	display:inline-block;
}
body {
	font-family: 'Roboto Mono', monospace;
	background: #121212;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0px;
	padding:0px;
	font-weight: normal;
	line-height: 100%;
}
P{
	font-family: 'Source Sans Pro', sans-serif;
}
a:hover, a:focus{
	text-decoration:none;
}
.desktop_none{
	display: none !important;
}

/*************Header Area start*************/

.site_header{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	padding-top: 20px;
	background: #121212;
	z-index: 200;
	transition: 0.4s;
}
.site_header.fixed{
	position: fixed;
	padding-top: 0px;
	background: #121212;
	transition: 0.4s;
}
.navbar-brand{
	font-size: 24px;
	color: #00FE81;
	font-weight: 800;
	white-space: nowrap;
}
.navbar-brand img{
	padding-right: 5px;
}
.navbar-brand:hover{
	color: #00FE81;
}
.site_header .navbar-nav .nav-link {
	font-size: 15px;
	color: #fff;
	font-weight: 800;
}
.site_header .navbar-nav .nav-link:hover{
	color: #00FE57;
}
.site_header .nav-item{
	padding: 0px 30px;
}
.site_header .nav-item:first-child{
	 padding-left: 0px;
}
.site_header .nav_item_2{
	 padding-right: 0px;
}
.contact_btn{
	font-size: 15px;
	color: #00FE57;
	font-weight: 800;
	border: 2px solid #00FE57;
	padding: 6px 15px;
	border-radius: 0px;
	text-decoration: none;
	display: inline-block;
}
.contact_btn:hover{
	color: #fff;
	background: #00FE57;
}
#top-menu li.active a {
    color: #00FE57;
}
.navbar-toggler {
	padding: 0;
	border: none;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 #000;
}
.logo_fav_black{
	display: none;
}
.toggle_icon{

}
.toggle_icon {
  display: inline-block;
  cursor: pointer;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}






/*************Hero Area start*************/

.hero_area{
	padding: 200px 0px 230px;
}
.hero_area .container{
	position: relative;
}
.hero_txt h3{
	font-size: 42px;
	color: #fff;
	line-height: 52px;
	font-weight: 500;
}
.hero_btn_1{
	font-size: 15px;
	color: #00FE57;
	font-weight: 800;
	border: 2px solid #00FE57;
	padding: 7px 20px;
	border-radius: 0px;
	display: inline-block;
	text-decoration: none;
	margin-top: 30px;
	line-height: 100%;
}
.hero_btn_1:hover{
	color: #fff;
	background: #00FE57;
}
.hero_globe{
	position: absolute;
	top: -60px;
	right: 0px;
	overflow: hidden;
}

/*************Nick Area start*************/

.nick_area{

}
.nick_txt{
	background: #2E2E2E;
	padding: 50px;
}
.nick_txt p{
	max-width: 445px;
	font-size: 17px;
	color: #fff;
	line-height: 24px;
}

/*************News Area start*************/

.news_area{
	padding-top: 160px;
	padding-bottom: 230px;
	position: relative;
}
.dna_st_1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	overflow: hidden;
	z-index: 2;
}
.dna_st_1_box{
	position: absolute;
	top: 100px;
	right: -200px;
}
.news_globe{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	z-index: 1;
	margin-bottom: -100px;
	overflow: hidden;
	transform: rotateY(180deg);
}
.news_area .row{
	margin: 0px -38px;
}
.news_area .container{
	position: relative;
	z-index: 10;
}
.news_area .container, .news_area .col-md-6{
	padding: 0px 25px;
}
.news_titles{
	
}
.news_titles h3{
	max-width: 420px;
	font-size: 24px;
	color: #fff;
	line-height: 32px;
	font-weight: 500;
}
.news_titles p{
	font-size: 17px;
	color: #fff;
	line-height: 24px;
	padding-top: 30px;
}
.news_item_main{
	padding-top: 50px;
}
.news_item_uper{
	padding-right: 45px;
	position: relative;
	z-index: 20;
}
.news_item_uper_box{
	background: #A2A2A2;
	padding: 50px;
}
.news_item_uper_box h4{
	font-size: 17px;
	color: #121212;
	line-height: 23px;
	font-weight: 500;
	padding-left: 40px;
	position: relative;
}
.news_item_uper_box h4 img{
	position: absolute;
	top: 5px;
	left: 0px;
}
.news_item_uper_box p{
	font-size: 15px;
	color: #121212;
	line-height: 21px;
	padding-top: 20px;
}
.news_item_down{
	background: #2E2E2E;
	padding: 50px;
	padding-top: 85px;
	margin-top: -45px;
}
.news_item_down .accordion-item {
	background: none;
	border: none;
}
.news_item_down .accordion-button {
	width: auto;
	background: none;
	border: none;
	box-shadow: 0px 0px #000;
	font-size: 17px;
	color: #fff;
	line-height: 23px;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding: 10px 0px;
}
.news_item_down .accordion-button::after {
	display: none;
}
.news_item_down .accordion-button:not(.collapsed) {
    color: #00FE57;
	border-bottom: 1px solid #00FE57;
}
.news_item_down .accordion-body{
	padding: 20px 0px 20px;
}
.news_item_down .accordion-body p{
	font-size: 15px;
	color: #fff;
	line-height: 21px;
	padding-bottom: 20px;
}
.news_item_down  .accordion-item{
	padding-bottom: 10px;
}
.pt_150{
	padding-top: 150px;
}
.news_mt_450{
	margin-top: 450px;
}

/*************Geteway Area start*************/

.geteway_area{
	background: #2E2E2E;
	padding-top: 120px;
	position: relative;
}
.geteway_area .container{
	position: relative;
	z-index: 10;
}
.geteway_globe_box{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 763px;
	z-index: 2;
	overflow: hidden;
}
.geteway_globe{
	position: absolute;
	top: 20px;
	right: -150px;
	z-index: 2;
}
.geteway_list_box{
	background: #A2A2A2;
	padding: 50px 45px;
	margin-top: 40px;
	margin-bottom: -50px;
	position: relative;
}
.geteway_list_box ul{
	margin: 0;
	padding: 0;
}
.geteway_list_box ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	color: #121212;
	line-height: 21px;
	margin-top: 20px;
	list-style-type: none;
	position: relative;
	padding-left: 30px;
}
.geteway_list_box ul li:first-child{
	margin-top: 0px;
}
.geteway_list_box ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border: 1px solid #121212;
	border-radius: 50%;
}

/*************Services Area start*************/

.services_area{
	padding-top: 160px;
}
.services_area .container{
	position: relative;
}
.services_globe{
	position: absolute;
	right: 0px;
	bottom: -300px;
	z-index: 1;
	overflow: hidden;
}
.services_area .row{
	margin: 0px -38px;
}
.services_area .container, .services_area .col-md-5, .services_area .col-md-7{
	padding: 0px 25px;
	position: relative;
	z-index: 50;
}
.services_top_box{
	background: #A2A2A2;
	padding: 50px;
}
.services_top_box h4{
	font-size: 17px;
	color: #121212;
	line-height: 23px;
	font-weight: 500;
	padding-left: 40px;
	position: relative;
}
.services_top_box h4 img{
	position: absolute;
	top: 2px;
	left: 0px;
}
.services_top_box p{
	font-size: 15px;
	color: #121212;
	line-height: 21px;
	padding-top: 20px;
}
.services_txt h3{
	max-width: 420px;
	font-size: 24px;
	color: #fff;
	line-height: 32px;
	font-weight: 500;
}
.services_txt p{
	font-size: 17px;
	color: #fff;
	line-height: 24px;
	padding-top: 20px;
}
.services_row_2{
	padding-top: 120px;
}
.services_bottom_box{
	background: #2E2E2E;
    padding: 50px;
	padding-bottom: 120px;
}
.services_list{
	max-width: 460px;
}
.services_list ul{
	margin: 0;
	padding: 0;
}
.services_list ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 21px;
	margin-top: 20px;
	list-style-type: none;
	position: relative;
	padding-left: 30px;
}
.services_list ul li:first-child{
	margin-top: 0px;
}
.services_list ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border: 1px solid #fff;
	border-radius: 50%;
}

/*************Footer Area start*************/

.site_footer{
	background: url(../images/footer-bg.png) top center no-repeat;
	background-size: cover;
	margin-top: 140px;
	padding: 120px 0px 80px;
}
.site_footer p{
	font-size: 17px;
	color: #fff;
	line-height: 24px;
}



/*************Footer Area start*************/

.border_design_area{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	z-index: -1;
}
.border_design_area .container{
	padding: 0px 24px;
}
.border_design_area .col{
	height: 100vh;
	position: relative;
}
.border_design_area .col:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='4%2c 16' stroke-dashoffset='100' stroke-linecap='square'/%3e%3c/svg%3e");
}
.border_design_area .col:last-child:after{
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 1px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='4%2c 16' stroke-dashoffset='100' stroke-linecap='square'/%3e%3c/svg%3e");
}














/*************end*************/