@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap");

/* body {
  font-family: 'Roboto', 'Noto+Kufi+Arabic', 'Lato' ,'Tiny5' !important;
} */
html {
  scroll-behavior: smooth;
}

.hideMenu {
  display: none;
}
.show {
  display: none;
}

.themeRight {
  right: 0;
}
#aboutImg {
  background-image: url("../assist/about.png");
}
#projectImg {
  background-image: url("../assist/projects.png");
}
#carrerImg {
  background-image: url("../assist/Frame\ 454.png");
}
#serImg {
  background-image: url("../assist/service.png");
}
#contactImg {
  background-image: url("../assist/contact.png");
}
#comp11 {
  background-image: url("../assist/project11.png");
}
#comp10 {
  background-image: url("../assist/compelete_10.svg");
}
#comp9 {
  background-image: url("../assist/compelete_9.svg");
}
#comp8 {
  background-image: url("../assist/compelete_8.svg");
}
#comp7 {
  background-image: url("../assist/compelete_7.svg");
}
#comp6 {
  background-image: url("../assist/compelete_6.svg");
}
#comp5 {
  background-image: url("../assist/compelete_5.svg");
}
#comp4 {
  background-image: url("../assist/compelete_4.svg");
}
#comp3 {
  background-image: url("../assist/compelete_3.svg");
}
#comp2 {
  background-image: url("../assist/compelete_2.svg");
}
#comp1 {
  background-image: url("../assist/compelete_1.svg");
}
#ongoingImg {
  background-image: url("../assist/ongoing.svg");
}

.d_none {
  display: none;
}

#work_one {
  background-image: url("../assist/work3.png");
  background-position: center;
  background-size: cover;
}
#work_two {
  background-image: url("../assist/work1.png");
  background-position: center;
  background-size: cover;
}
#work_three {
  background-image: url("../assist/work2.png");
  background-position: center;
  background-size: cover;
}

.privacy_des {
  color: black;
}

.err{ 
  color: red;
  margin-top: 10px;
}
