html{
	scroll-behavior: smooth;
  
}
body{
  overflow-x: hidden;
  margin: 0;
	padding: 0;
}
#header{
  display: block;
	position: fixed;
	justify-content: center;
  top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 6;
}
#logo-container{
  display: flex;
	justify-content: center;
	position: relative;
	top: 20px;
	width: 100%;
	height: auto;
	z-index: 4;
}
#logo-img{
	width: 320px;
	z-index: 4;
}
#nav-bar{
  position: relative;
  width: 100%;
  display: flex;

  justify-content:center;
	z-index: 10;
}
#ul{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: auto;
}
.li{

  margin:0 1vw 0 1vw;
}
.button-anchor{
  position: relative;
	padding: 3px 2vw 3px 2vw;
  width: 9em;
  height: 3em;
  line-height: 2em;
  text-align: center;
  z-index: 1;
}
#home{
	position: relative;
	display: flex;
	justify-content: center;


}
#video-container{
	position: relative;
	display: flex; 
	margin-top:150px;
  justify-content: center; 
  align-items: center; 
	width: 100%;
	height: 40vw;

	overflow: hidden;
	z-index: 0;
}
#video{
	width: 100%;
	height: auto;
	z-index: 0;
}
#card-home{

	width: 80%;
	height: auto;
	position:absolute;
	z-index: 5;
	left:10%;
	right: 10%;
}
.card-content{
	padding: 2.911vw;
}
.icnp{
	display: flex;
	align-items: center;
	padding: 0 15.36vw 0 0;
}
.icnp img{
	width:8.528vw;
	margin: 0.97vw;/**/
	height: auto;
}
.icnpc{
	display: flex;
	align-items: center;
	padding: 0 15.36vw 0 0;
}
.icnpc img{
	width:5.528vw;
	margin: 0.97vw;/**/
	height: auto;
}
#main{

	position: relative;
	height: auto;
	width: 100%;
}
.anchor-target{
	position: relative;
	top:-100px;
	width: 100%;
	height: 1px;
	z-index: 10;
}
#contact{
	position: relative;
	top:-100px;
	width: 100%;
	height: 1px;
	z-index: 10;
	
}
.card{
	width:80%;
	margin: 5.51vw auto 0 auto;
  position: relative;
	height: auto;
}
.img-card{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 16.28vw;
	overflow: hidden; /* Hide the parts of the image outside the round div */
  position: relative; /* Required for positioning the image inside */
	
}
.img-card img {
	width: 100%;
	height: auto;
	object-fit: cover; /* Maintain the aspect ratio and fill the container */
  

}
.services-content{
	display: flex;
}
.services{

	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.left{
	display: flex;
	justify-content:left;
}
.developer-social{
	margin:0 3.60vw ;
}
.developer-social img{
	width: 4.528vw;
	height: auto;

}
#pcui, #cpybtn{
	display: inline-block;
	margin-right:  20px;
	vertical-align: middle;
}
.anpc img{
	width: 21.9vw;
	height: auto;
}
.arr img{
	width:44vw;
}
.separator
{
	border-bottom: solid white;
	width: 100%;
	margin-top: 2vw;
	margin-bottom: 3vw;
}
.contact .card{
	margin-bottom: 100px;
}
.dev{
	display: flex;
	justify-content: center;
}
.dev-contact{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#pcui, #adress{
	font-size: 2vw;
}