@font-face {
    font-family: 'Vipnagorgialla';
    src:url('../fonts/Vipnagorgialla.ttf.woff') format('woff'),
        url('../fonts/Vipnagorgialla.ttf.svg#Vipnagorgialla') format('svg'),
        url('../fonts/Vipnagorgialla.ttf.eot'),
        url('../fonts/Vipnagorgialla.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: 400;
        font-style: normal;
}

body, html{
	margin:0;
	font-size: 10px;
	color:#767799;
	background-color:#120F19;
	font-family: 'inter';
}

body{
	font-size:1.8rem;
}

ul, ol{
	list-style: none;
	padding:0;
	margin:0;
}
input:focus, button:focus, textarea:focus,select:focus{
	outline: 0;
	box-shadow: none;
}
a,a:hover,a:focus{
	text-decoration: none;
}
img{
	max-width: 100%;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}

/*  */

.nav-item .nav-link.active{
  color:#fff;
}

.nav-item .nav-link:hover{
  color:#fff;
}


.navbar.navbar-expand-lg{
  margin-top:25px;
}

.navbar-expand-lg .navbar-nav .nav-link{
	font-family: 'vipnagorgialla', sans-serif;                                            	
	font-family: 'vipnagorgialla', sans-serif;                                            	
}

.navbar-nav .nav-item{
  margin:0 15px;
}

.navbar-nav .nav-item:last-child{
  margin-right:0;
}

.nav-item .nav-link{
  color:#767799;
  font-size:2.2rem;
}

.navbar #navbarSupportedContent{
    justify-content: right;
}

.nav-item .nav-link{
	position:relative;
}

.nav-item .nav-link:hover:after,
.nav-item .nav-link.active:after{
	content:"";
	position:absolute;
	height:1px;
	background-color:#fff;
	width:30px;
	margin:auto;
	left:Calc(0.5rem + 1rem);
	bottom:2px;
}

#navbarBTN{
	background-image:url(../images/btn-bg.png);
}

#navbarBTN{
  background-repeat:no-repeat;
  background-size:100% 100%;
  padding:1rem 5rem;
  line-height:1;
  display:block;
  color:#fff;
}

#navbarBTN:after{
  content:"";
  display:none;
}

.hero{
	margin-top:12rem;
}

.hero-h1{
	position:relative;
	color:#fff;
	font-size:13rem;
	line-height:90px;
	display:inline-block;
	font-family: 'vipnagorgialla', sans-serif;
}

.hero-left{
	background-image: radial-gradient(#3b225a 10%, #2a1742 35%, #120F19 70%);
}

.hero-h1:before{
	content:"";
	position:absolute;
	width:120px;
	height:60px;
	top:-60px;
	right:-10%;
	background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
}

.hero--text{
	color:#767799;
	margin-top:3rem;
}

.hero--img{
	display:block;
	margin:auto;
}

.tech-section{
	background-color:#201533;
	padding:4rem 0;
}

.useSection{
	position:relative;
	padding:6rem 0;
}

.useSection .corner-icon{
	background-image: radial-gradient(#3b225a 10%, #2a1742 35%, #120F19 70%);
}

.use--h2{
	color:#fff;
	font-size:10rem;
	text-align:center;
	font-family: 'vipnagorgialla', sans-serif;
	line-height: 1;
}

.useSection-img{
    position: absolute;
    top: 0;
    right: 0;
}

.useSection--text{
	text-align:center;
	color: #767799;
}

.use-div{
	text-align:center;
	padding:3rem;
	background-image:url(../images/border-use.png);
}

.use-div{
	background-repeat:no-repeat;
	background-size:100% 100%;
	min-height:400px;
}

.use-header{
	font-size:5rem;
	text-align:center;
	font-family: 'vipnagorgialla', sans-serif;
	line-height:1;
}

.use-section-div{
	margin-top:3rem
}

.use-div img{
	margin: 3rem 0;
}

@media(min-width:992px){
  .use-div{
    max-width:370px;
  }

 .use-section-div div:nth-child(2){
    justify-content:center;
    display:flex;
  }

 .use-section-div div:nth-child(3){
    justify-content:end;
    display:flex;
  }
}

.iphone-2{
	background-image: radial-gradient(#3b225a 10%, #2a1742 35%, #120F19 70%);
}

.feature-main-heading{
  font-family: 'vipnagorgialla', sans-serif;
  font-size:10rem;
  color:#fff;
  line-height:50px;
  margin-bottom:3rem;
}

.feature-main-heading span{
  font-size:3rem;
  color: #8C52FF;
}

.feature-block{
  margin-top:3rem
}

.feature-block-heading{
  color:#fff;
}

.feature-block-heading img{
    vertical-align: sub;
    margin-right: 6px;
}

/*  */

.packages-section{
	padding:6rem 0 17rem;
	position:relative;
	border-bottom:1px solid #6A6A6A;
}

.packages-section h2{
	font-size:10rem;
	color:#fff;
	margin-bottom:2rem;
	text-align:center;
	font-family: 'vipnagorgialla', sans-serif;
}

.packages-block{
	background-image:url(../images/iphone4.png);
	background-image: url(../images/iphone4.png);
    background-repeat: no-repeat;
    padding: 6rem 0;
    background-size: 100% 100%;
}

/*  */

@media(max-width:1459px){
  .hero-h1 {
    font-size: 12rem;
  }
}

@media(max-width:1440px){
	.feature-main-heading,
	.use--h2,	
  	.hero-h1 {
    	font-size: 8rem;
  	}
}

@media(max-width:1199px){
	.hero-h1 {
		font-size: 6rem;
		line-height:1;
	}

	.hero-h1:before{
		right:0;
	}

  	.nav-item .nav-link{
    font-size:1.7rem
  	}
  
	.packages-section h2,
	.feature-main-heading,
	.use--h2{
		font-size: 6rem;
		line-height:1;
	}

  	.feature-main-heading span{
		font-size:2rem;
  	}

}

@media(max-width:767px){

	.hero .hero--img{
		max-width:300px;
	}

	.packages-section h2,
	.feature-main-heading,
	.use--h2{
		font-size:2.5rem
	}

	.hero-h1 {
		font-size: 4rem;
		line-height:1;
	}

	.hero{
		margin-top:6rem;
	}

	.tech-section{
		padding:1.5rem 0;
	}

	.tech-section .row.justify-content-center div:nth-child(4) .hero--img,
	.tech-section .row.justify-content-center div:nth-child(3) .hero--img{
		margin-top:2rem;
	}

	.tech-section .hero--img{
		height:30px;
	}

	.use-header{
		font-size:4rem;
		line-height:50px
	}
	
	.useSection{
	padding:3rem 0
	}
	
	.use-div{
		min-height:auto;
		padding:2rem;
		margin-top:2rem;
	}
	
	.use-section-div{
		margin-top:1rem;
	}
	
	.use-div img{
		margin:1rem 0 3rem;
		max-width:7rem;
	}
	
	.feature-block{
		margin-top:1.5rem;
	}
	
	.feature-main-heading{
		margin-bottom:1rem;
	}
}

.navbar-toggler{
  border-color:#fff;
}

.navbar-toggler-icon{
  border-color:#fff
}

.packages-block{
  max-width:450px;
  margin:auto;
}

.packages-header-heading{
  color:#fff;
  font-size:5rem;
  /* font-weight:600; */
  text-align: center;
  font-family: 'vipnagorgialla', sans-serif;
  line-height:40px; 
}

.packages-header-para{
	text-align: center;
}

.packages-label{
  color:#fff;
  text-align:center;
  font-size:1.5rem;
  padding:1rem;
  background-image:url(../images/lebal-img.png);
  background-size:contain;
  background-position:0%;
  background-repeat:no-repeat;
}


.packages-body{
  padding:0 8rem;
  margin-top:3rem
}

.packages-body p{
  color:#fff;
  position:relative;
}

.packages-body p:before{
	content:"";
	background-image:url(../images/check.png);
	display:block;
	width:15px;
	height:12px;
	background-size:100% 100%;;
	position:absolute;
	left:-30px;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
}

.packages-btn-block{
  text-align:center;
  margin-top:4rem;
}

.packages-btn-block a{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1.5rem 0rem;
    line-height: 1;
    display: block;
    color: #fff;
    background-image: url(../images/btn-bg.png);
	max-width:24rem; 
	margin:auto;
}

.packages-btn-block a img{
	margin-left:0.5rem;
}

.packages-section .container{
  	position:relative;
}

.bottom-layer-sec{
  	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

footer{
	padding:6rem 0;
}

.footer-icon-block{
	display:flex;
	align-items: center;
	gap:10px;
	margin:3rem 0;
}

.footer-icon{
	display:block;
	width:6rem;
	height:6rem;
	border:1px solid #fff;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background-color:#2B2634;
}


.footer-link-list a.active{ 
  color:#fff;
}

.footer-link-list a{ 
  color:#767799;
  font-family: 'vipnagorgialla', sans-serif;
  line-height:25px;
  font-size:2.7rem
}

/*  */

footer{
	position:relative;
}

footer .footer-bg{
	position: absolute;
    display: block;
    height: 130%;
    width: 100%;
    top: -50%;
    left: 0;
    right: 0;
    margin: auto;
}

footer .container{
	position:relative;
	z-index: 99;
}

.footer-img-main{
	position:absolute;
	right:0;
	top:-20px;
	z-index:9;
	display:block;
}
/*  */

.footer-link-list a{
	padding-left:0;
}


@media(max-width:1400px){
	.packages-block{
		padding:3rem 0;
	}
	
	.packages-header .packages-header-heading{
		font-size:3rem;
		line-height:30px
	}
	
	.packages-label{
	font-size:1rem;
	padding: 0.9rem;
	}
	
	.packages-body{
		padding:0 5rem;
	}

	.footer-img-main{
		top:inherit;
		bottom:0;
	}
}

@media(max-width:991px){
	#navbarBTN{
		max-width:12rem;
		padding:1rem 3rem;
	}

	.nav-item .nav-link:hover:after, .nav-item .nav-link.active:after{
		display:none;
	}
}

@media(max-width:767px){
	.packages-header .packages-header-heading{
		font-size:2rem;
		line-height: 20px;
	}

	.footer-link-list a{
		font-size:1.5rem;
		line-height:1;
	}

	.packages-section h2{
		margin-bottom:1rem;
	}

	.packages-body{
		padding:0 4rem;
		margin-top:2rem;
	}

	.packages-section{
		padding:3rem 0 17rem
	}

	.packages-btn-block a{
		max-width:260px;
	}

	.packages-btn-block{
		margin-top:2rem;
	}

	.hero--text{
		margin-top:2rem;
	}

	.packages-block{
		margin-top:2rem;
	}

	.footer-icon{
		width:3rem;
		height:3rem;
	}

	.footer-icon img{
		width:1.5rem;
		height:1.5rem;
	}

	.footer-icon-block{
		margin:1.5rem 0;
	}
}