// font css
$inter: "Inter", sans-serif;
$rob: "Roboto", sans-serif;
@mixin placeholder {
  &.placeholder {
    @content;
  }
  &:-moz-placeholder {
    @content;
  }
  &::-moz-placeholder {
    @content;
  }
  &::-webkit-input-placeholder {
    @content;
  }
}

// columns css
.ezd-grid {
  display: grid;
  grid-column-gap: 20px;
}

.ezd-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
}

.ezd-grid-column-full {
  grid-column: 1 / -1;
}

@media (max-width: 991px) {
  [class^="ezd-lg-col"] {
    grid-column: 1 / -1;
  }
}

@media (min-width: 576px) {
  .ezd-sm-col-4 {
    grid-column: span 4 / span 4;
  }
  .ezd-sm-col-3 {
    grid-column: span 3 / span 3;
  }
  .ezd-sm-col-5 {
    grid-column: span 5 / span 5;
  }
  .ezd-sm-col-6 {
    grid-column: span 6 / span 6;
  }
  .ezd-sm-col-7 {
    grid-column: span 7 / span 7;
  }
  .ezd-sm-col-8 {
    grid-column: span 8 / span 8;
  }
  .ezd-sm-col-9 {
    grid-column: span 9 / span 9;
  }
  .ezd-sm-col-10 {
    grid-column: span 10 / span 10;
  }
  .ezd-sm-col-2 {
    grid-column: span 2 / span 2;
  }
  .ezd-sm-col-11 {
    grid-column: span 11 / span 11;
  }
  .ezd-sm-col-12 {
    grid-column: span 12 / span 12;
  }
}

@media (min-width: 768px) {
  .ezd-md-col-4 {
    grid-column: span 4 / span 4;
  }
  .ezd-md-col-3 {
    grid-column: span 3 / span 3;
  }
  .ezd-md-col-5 {
    grid-column: span 5 / span 5;
  }
  .ezd-md-col-6 {
    grid-column: span 6 / span 6;
  }
  .ezd-md-col-7 {
    grid-column: span 7 / span 7;
  }
  .ezd-md-col-8 {
    grid-column: span 8 / span 8;
  }
  .ezd-md-col-9 {
    grid-column: span 9 / span 9;
  }
  .ezd-md-col-10 {
    grid-column: span 10 / span 10;
  }
  .ezd-md-col-11 {
    grid-column: span 11 / span 11;
  }
  .ezd-md-col-12 {
    grid-column: span 12 / span 12;
  }
  .ezd-md-col-2 {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 992px) {
  .ezd-lg-col-4 {
    grid-column: span 4 / span 4;
  }
  .ezd-lg-col-3 {
    grid-column: span 3 / span 3;
  }
  .ezd-lg-col-5 {
    grid-column: span 5 / span 5;
  }
  .ezd-lg-col-6 {
    grid-column: span 6 / span 6;
  }
  .ezd-lg-col-8 {
    grid-column: span 8 / span 8;
  }
  .ezd-lg-col-7 {
    grid-column: span 7 / span 7;
  }
  .ezd-lg-col-9 {
    grid-column: span 9 / span 9;
  }
  .ezd-lg-col-10 {
    grid-column: span 10 / span 10;
  }
  .ezd-lg-col-11 {
    grid-column: span 11 / span 11;
  }
  .ezd-lg-col-12 {
    grid-column: span 12 / span 12;
  }
  .ezd-lg-col-2 {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1200px) {
  .ezd-xl-col-4 {
    grid-column: span 4 / span 4;
  }
  .ezd-xl-col-3 {
    grid-column: span 3 / span 3;
  }
  .ezd-xl-col-5 {
    grid-column: span 5 / span 5;
  }
  .ezd-xl-col-6 {
    grid-column: span 6 / span 6;
  }
  .ezd-xl-col-8 {
    grid-column: span 8 / span 8;
  }
  .ezd-xl-col-7 {
    grid-column: span 7 / span 7;
  }
  .ezd-xl-col-9 {
    grid-column: span 9 / span 9;
  }
  .ezd-xl-col-10 {
    grid-column: span 10 / span 10;
  }
  .ezd-xl-col-11 {
    grid-column: span 11 / span 11;
  }
  .ezd-xl-col-12 {
    grid-column: span 12 / span 12;
  }
  .ezd-xl-col-2 {
    grid-column: span 2 / span 2;
  }
}

.ezd-list-unstyled {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.ezd-text-center {
  text-align: center;
}

.ezd-d-flex {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  [class*="ezd-colum-space-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.ezd-colum-space-6 {
  width: 50%;
}
.ezd-colum-space-4 {
  flex: 1;
  width: calc(100% / 3);
  box-sizing: border-box;
}