@import url(../css/navBar.css);
@import url(../css/BPMSdescription.css);
@import url(../css/scrollUp.css);
@import url(../css/about.css);
@import url(../css/features.css);
@import url(../css/demo.css);
@import url(../css/contactUs.css);
@import url(../css/footer.css);
/* global styles------------------------------------------------- */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  --green: #3cffaf;
  --blue: #33496d;
  --darkGray: darkgrey;
  --gray: #9cb5b5;
  --lightGray: #f5f5f5;
  --lightBlue: #f2f5f8;
}

@font-face {
  font-family: vazir;
  src: url(../fonts/vazir-font-v16.1.0/Vazir-Light.woff) format(woff),
    url(../fonts/vazir-font-v16.1.0/Vazir-Light.woff2) format(woff2),
    url(../fonts/vazir-font-v16.1.0/Vazir-Light.ttf) format(truetype);
}
html {
  scroll-padding-top: 62px;
  scroll-behavior: smooth;
}
body {
  direction: rtl;
  font-family: vazir;
  font-size: 16px;
  overflow-x: hidden;
  color: var(--blue);
}
a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
  font-weight: bold;
}
.halfOpacity {
  opacity: 30%;
}
.fullOpacity {
  opacity: 100%;
}
.allTitles {
  margin-bottom: 1px;
  font-size: 28px;
  font-weight: bold;
}
/* --------------------------------------------------------------------------- */
@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 200px;
  }
  body {
    font-size: 12px;
  }
  .allTitles {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
  }
}