select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

select.fill-white {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 1px;
}

select.focus-white:focus {
  color: #495057;
  background-color: #fff0;
}

.select2-container .select2-selection--single {
  height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 5px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 6px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #d2d6da;
  border-radius: 4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 37px;
  margin-right: 20px;
  padding-right: 0px;
}

.resultareabox {
  box-shadow: 0px 1px 3px 0px lavender;
  padding-bottom: 13px;
  background: #d3d3d35c;
  padding-top: 10px;
}

.table-responsive {
  padding: 10px 25px 20px 25px;
}

#registered_schools_previous a {
  width: fit-content;
  padding: 11px 18px 12px 20px;
  border-radius: unset !important;
  margin-right: 13px;
}

#registered_schools_next a {
  width: fit-content;
  padding: 11px 18px 12px 20px;
  border-radius: unset !important;
  margin-left: 13px;
}

.swal2-input[type="number"] {
  max-width: 100%;
}

.result-otp-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

#registered_schools tbody td {
  text-align: center;
}

.schools-we-serve {
  text-align: center;
  font-size: 29px;
  font-weight: 700;
  margin-bottom: 3rem;
  color: #707780;
  padding: 0 10px;
}

.result-arena-schools-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.result-arena-schools-logo {
  height: 70px;
  width: 100px !important;
  object-fit: contain;
  object-position: center;
  filter: grayscale(100%);
  opacity: 0.8;
}

/* .result-arena-schools-wrapper responsive */
@media (max-width: 1199px) {
  .result-arena-schools-wrapper {
    padding: 0px 70px;
  }
}

/* max 670px */
@media (max-width: 670px) {
  .result-arena-schools-wrapper {
    padding: 0px 70px;
  }
}

/* max 470px */
@media (max-width: 470px) {
  .result-arena-schools-wrapper {
    padding: 0px 20px;
  }
}

/* Keyframes animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/* Slider styles */
.result-arena-schools-slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.result-arena-schools-slider::before,
.result-arena-schools-slider::after {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.result-arena-schools-slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.result-arena-schools-slider::before {
  left: 0;
  top: 0;
}

.result-arena-schools-slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.result-arena-schools-slider .slide {
  height: 100px;
  width: 250px;
}

/* max 800px */
@media (max-width: 800px) {
  .result-arena-schools-slider::before,
  .result-arena-schools-slider::after {
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
    content: "";
    height: 100px;
    position: absolute;
    width: 30px;
    z-index: 2;
  }
}