:root {
    --color-primary: rgb(193 44 44);
    scrollbar-color: rgb(193 44 44) var(--scrolltrack-color, #0000);
    accent-color: rgb(193 44 44);
    caret-color: rgb(193 44 44);
    interpolate-size: allow-keywords;
}

.header-main {
  @apply bg-white shadow-md;
}

.header-menu a {
  @apply text-gray-800 font-semibold hover:text-green-700 transition;
}

.page-header {
  line-height: 1;
}

.home-slider {
  height: 500px;
  position: relative;
}

.slider-nav-btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 40px;
  height: 40px;
  box-shadow: 0 5px 5px #0000001a;
  background-color: #FFF;
  border-radius: 100px;
}

.slider-nav-btn-prev {
    right: 70px;
}

.slider-nav-btn-next {
    right: 20px;
}

.slider-content {
    margin-left: 10%;
} 

.slider-content h2 {
    font-size: 2.5rem;
}

.slider-content p {
    margin-bottom: 2rem;
}