:root{
    --border:1px solid #00000014;
    --e-white:white;
    /* --e-black:black; */
    --e-black:#101214;
    --e-grey:#E5E4E2;
    --black-light: #6c757d36;;
    --shadow-color:#80808057;

}


/* @font-face {
  font-family: 'Glacial Indifference';
  src: url('/fonts/glacial-indifference/GlacialIndifference-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url('/fonts/glacial-indifference/GlacialIndifference-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url('/fonts/glacial-indifference/GlacialIndifference-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
} */

.item-border{
    border: var(--border);
}

.e-text-primary{
    color: var(--e-black);
}

.e-text-secondary{
    color: var(--e-white);
}

.e-text-grey{
    color: var(--e-grey);
}

.e-bg-primary{
   background-color: var(--e-black) !important;
}

.e-bg-secondary{
    background-color: var(--e-white) !important;
}

.e-bg-grey{
    background-color: var(--e-grey);
}
.e-bg-light{
    background-color:var(--black-light);
}

.e-text-hover-primary:hover{
    color: var(--e-black) !important;
}

.e-text-hover-secondary-bold:hover{
  transition: 0.3s;
  scale: 1.1;
}

.e-text-hover-secondary:hover{
    color: var(--e-white) !important;
}

.e-text-hover-grey:hover{
    color: var(--e-grey) !important;
}

.hero-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
  }

  .hero-section::after{
    content: "";
    height: 20%;
    position:absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--e-black) 100%);
  }

  .hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }

  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 90%) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
  }

  .hero-content {
    z-index: 1;
    color: #fff;
    position: absolute;
    bottom: 37%;
  }

  .tw-w-85-px {
    width: 60px;
  }

  .tw-h-85-px {
    height: 60px;
  }

  p.text-neutral-1000{
    line-height: 23px;
  }

  .e-btn-primary{
    background-color: var(--e-black) !important;
    color: var(--e-white) !important;
  }

  .e-btn-secondary{
    background-color:var(--e-white) !important;
    color:var(--e-black) !important;
  }

  .e-btn-secondary:hover{
    background-color:var(--black-light) !important;
    color:var(--e-white) !important;
    border: 1px solid white;
  }


  .e-btn-primary:hover
  {
    background-color:var(--e-white) !important;
    color:var(--e-black) !important;
    border: 1px solid black;
  }

.grey-img{
    filter: grayscale(100%);
}

.slider-btn-bg{
    color: var(--e-black) !important;
    background-color:var(--e-white) !important;
}

.slider-btn-bg:hover{
border:1px solid black;
}

.p-12 {
    padding: 12px !important;
}

.us-dot-icons{
  font-size: 30px;
  color: white;
}

.tw-py-22 {
  padding-block: 22px !important;
}

.footer-back-logo{
  filter: invert(1);
  opacity:0.1;
  width: 30%;
  left: 35%;
  bottom: 40%;
}

.service-card img {
  transition: transform 0.4s ease-in-out;
}

.service-card:hover img {
  transform: scale(1.2);
}


.service-card:hover img{
transform: scale(1.2);
}


.bottom-shadow{
  box-shadow: 0px 0px 20px var(--shadow-color);
}

.bg-grey {
  background-color: hsl(0deg 0.61% 37.59%) !important;
}

.tw-end-4 {
  inset-inline-end: -6% !important;
}

.session-div{
  margin-left: 10%;
}
.day-w{
  width: 30%;
}
.text-align-justify{
  text-align: justify;
}
@media (min-width: 992px) {
    .pd-5 {
        padding: 5rem !important;
    }

    .navigation{
      padding-left: 10%;
    }

    .quick-links{
      padding-left: 5%;
    }

}

@media (max-width: 768px) {
    .hero-video {
      display: none;
    }
    .hero-section {
      background-image: url('https://admin.eztruckspermit.com/assets/uploads/UserProfilePick/video_thnumb.jpg');
      background-size: cover;
      background-position: center;
    }
  }