* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  font: clamp(1rem, 1.1vw, 1.1rem) droid arabic kufi;
  background: rgb(76, 102, 179);
  background: linear-gradient(
    180deg,
    rgba(76, 102, 179, 1) 0%,
    rgba(127, 153, 230, 1) 35%,
    rgba(190, 219, 251, 1) 100%
  );
  color: var(--supportColor);
}

.main {
  max-width: 1100px;
  margin: auto;
}

a {
  text-decoration: none;
  color: var(--darkColor);
}

i[class^="fa-"] {
  /* color: var(--setColor); */
  font-size: 20px;
}

:root {
  --primeColor: #3691ef;
  --supportColor: #2f7ec3;
  --styleColor: #ffffff;
  --setColor: #f7f7f7;
  --deleColor: #ff8364;
  --inputform: #f2f0ef;
  --darkColor: #333333;
  --greyColor: #767779;
  --editDtPickerColor: #080;
  --successColor: #0abf30;
  --warningColor: #ffa600;
  --errorColor: #dd2606;
  --informationColor: #3498db;
}