@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');


body{
margin-top:0px;
z-index:-5;
background-image:url("Images/ContactBackground.jpg");
padding-bottom:5%;
overflow-x:hidden !important;
scroll-behavior: smooth !important;
background-position:left;
background-size:cover;
background-repeat: no-repeat;
postion:relative;
}

.logo{
margin-left:15%;
float:right;
z-index:10;
width:35%;
height:auto;
margin-top:10%;
}
.nav-item {
  background-color:rgb(166, 138, 65);
  padding: 10px 10px;
  text-align: center;
width:20%;
display:block;
margin-right:auto;
margin-left:auto;
	
  font-family:Niramit;
  border-radius: 10px; /* Perfectly rounded individual divs */
  flex: 1; /* Makes them evenly share the available space */
	filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5));}
a {
  text-decoration: none;
color:white;
font-weight:400;
}
p{
font-family:Tajawal;
font-size:2.2vh; 
z-index:0;
color:white;
margin-left:16%;
text-align:left;
margin-bottom:2%;
width:40vw;
padding-bottom:5%;
float:left;
}


h3{
font-family:lexend;
text-align:center;
font-size:3em;
font-weight:300;
color:white;
}
h2{
font-family:lexend;
text-align:center;
font-size:2rem;
font-weight:300;
font-optical-sizing: auto;
width:100%;
margin-top:auto;
margin-bottom:auto;
}
name{
font-family:lexend;
color:black;
}

h1{
font-family:Niramit;
color:white;
font-size:24px;
line-height: 1.6;
}
.formcarry-container{
float:left;
margin-top:-35vh;
margin-left:5%;  
width:45vw;
}
#contactform{
height:30vh;
width:auto;
max-width:900px;
z-ndex:1000;
margin-left:18%;
margin-right:auto;
color:white;
position:relative;
padding-top:7.2%;
padding-bottom:10%;
padding-right:2%;
padding-left:2%;
margin-bottom:150px;
opacity: 0.7;
border-radius:14px;
z-index:-2;
	overflow: scroll;}
#contactform {scrollbar-width: none;
  overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;}
#contactform::-webkit-scrollbar {
  width: 0;
  display: none;
}
.footer{ 
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
padding-top:1%;
padding-bottom:1%;

  color: white;
  text-align: center;
z-index:10;
}
@media screen and (max-width: 900px) {
  .logo {
    width:90%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:5%;
	display:block;
	align-content: center;
  }
}
@media screen and (max-width: 900px) {
  .formcarry-container, .formcarry-block{
    width:100%;
	height:auto;
	margin-top:8%;
	margin-right:auto;
	margin-left:auto;

  }
}
@media screen and (max-width: 980px) {
  body{
background-position:center;
overflow-x:hidden;
width:auto;
height:100vh;

  }
}