/*
Typography
*/
/* font family */
/* perfect triangle */
/* type scale ratio */
/* type scale */
/* Vertical Rythm */
/*
xs: 576px,
sm: 768px,
md: 992px,
lg: 1200px
*/
/*

Custom Utilities

*/
/* Visibility */
.d-none {
  display: none;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.show {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 64rem) {
  .m-lg-only {
    display: none !important;
  }
}

@media (max-width: 63rem) {
  .m-md-only {
    display: none !important;
  }
}

@media print {
  .print-none {
    display: none !important;
  }
}

/*Transition*/
.transition {
  transition: all 0.2s ease-in;
}

.transition-slow {
  transition: all 0.5s ease-out;
}

/* Dimensions */
.w-100 {
  width: 100%;
  max-width: 100%;
}

/* Spacing */
.m-0 {
  margin: 0 !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-lg-auto {
  margin-left: auto !important;
}
@media (max-width: 63rem) {
  .ml-lg-auto {
    margin-left: 0 !important;
  }
}

.ml-05 {
  margin-left: calc(var(--spacer) / 2) !important;
}

.ml-1 {
  margin-left: var(--spacer) !important;
}

.mr-1 {
  margin-right: var(--spacer) !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--spacer);
}

.mb-2 {
  margin-bottom: calc(var(--spacer) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--spacer) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--spacer) * 4);
}

.mb-5 {
  margin-bottom: calc(var(--spacer) * 5);
}

.mb-10 {
  margin-bottom: calc(var(--spacer) * 10);
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.remain-height {
  min-height: calc(100vh - 74px);
}

/* Aspect Ratio */
[class*=aspect-ratio-] {
  display: block;
  position: relative;
  width: 100%;
}

[class*=aspect-ratio-] > * {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.aspect-ratio-wide {
  padding-top: 65%;
}

.aspect-ratio-square {
  padding-top: 100%;
}

/* Centering with Translate */
.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Position */
.p-r {
  position: relative;
}

/* Z-index */
.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

/* Overflow */
.ov-h {
  overflow: hidden;
}

/* Border */
.b-1 {
  border: 1px solid var(--grey);
}

.bT-1 {
  border-top: 1px solid var(--grey);
}

.bB-1 {
  border-bottom: 1px solid var(--grey);
}

.bL-1 {
  border-left: 1px solid var(--grey);
}

.bR-1 {
  border-right: 1px solid var(--grey);
}

.b-3 {
  border: 3px solid var(--grey);
}

.bT-3 {
  border-top: 3px solid var(--grey);
}

.bT-3-b {
  border-top: 3px dashed var(--black);
}

.bB-3 {
  border-bottom: 3px solid var(--grey);
}

.bL-3 {
  border-left: 3px solid var(--grey);
}

.bR-3 {
  border-right: 3px solid var(--grey);
}

.b-3 {
  border: 3px solid var(--grey);
}

.bT-3 {
  border-top: 3px solid var(--grey);
}

.bB-3 {
  border-bottom: 3px solid var(--grey);
}

.bL-3 {
  border-left: 3px solid var(--grey);
}

.bR-3 {
  border-right: 3px solid var(--grey);
}

/*colors*/
.bg-light-grey {
  background: var(--light-grey);
}

/* RTL phone numbers */
.rtl a[href^="tel:"] span {
  direction: ltr;
}