@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: "Inter", sans-serif;
}

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding-right: 2.5rem;
  color: #262626;
  font-size: 20px;
  font-weight: 400;
  line-height: 34.02px;
  text-align: left;
}

.custom-select select:focus-visible {
  outline: none;
}

.custom-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  width: 16px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11" fill="none"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M14.8167 0.307369C14.2855 -0.131661 13.4997 -0.0602338 13.0564 0.467369L7.76555 6.81537L2.47467 0.467369C2.19152 0.114764 1.74001 -0.0574144 1.29398 0.0171264C0.847945 0.0916673 0.476953 0.401303 0.323845 0.826814C0.170736 1.25233 0.25939 1.72735 0.555671 2.06899L6.80567 9.56899C7.04302 9.85367 7.39453 10.0183 7.76517 10.0183C8.13581 10.0183 8.48732 9.85367 8.72467 9.56899L14.9747 2.06899C15.4169 1.53873 15.3462 0.750465 14.8167 0.307369Z" fill="%23C10230"/%3e%3c/svg%3e');
  background-size: contain;
  background-repeat: no-repeat;
  color: #4b5563;
}

.applicationModal{
  z-index: 9999999;
}
.no-scroll {
  overflow: hidden;
}
.application .application_details:before {
  border-bottom: 0px solid #fff !important;
}
.application .application_details:after {
  border-bottom: 0px solid #fff !important;
}