body {
  padding: 1rem;
}
::-webkit-scrollbar {
  width: 0.35rem;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #909090;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #656667;
}
.bottom{
  position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 padding: 1rem;
}
.webcam {
  z-index: 1000;
}

.img {
  width: 200px;
  height: 300px;
  object-fit: cover;
}
.nowrap {
  white-space: nowrap;
}

@media only screen and (max-width: 600px) {
  .nav-button {
    margin-top: 0.4rem;
  }
  .tab_title {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .nav-button {
    margin-top: 0.4rem;
  }
  .tab_title {
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  .nav-button {
    margin-top: 0rem;
  }
  .tab_title {
    display: contents;
  }
}

@media only screen and (min-width: 1200px) {
  .nav-button {
    margin-top: 0rem;
  }
  .tab_title {
    display: contents;
  }
}

@media only screen and (min-width: 1536px) {
  .nav-button {
    margin-top: 0rem;
  }
  .tab_title {
    display: contents;
  }
}

@media only screen and (max-width: 600px) {
  .swiper-pagination-bullet {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .swiper-pagination-bullet {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .swiper-pagination-bullet {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .swiper-pagination-bullet {
    display: none;
  }
}

@media only screen and (min-width: 1536px) {
  .swiper {
    width: 100% !important;
    padding-bottom: 60px !important;
  }
  .swiper-pagination-bullet {
    width: 40px !important;
    height: 40px !important;
    text-align: center !important;
    line-height: 40px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    background: #0b6bcb !important;
    position: relative !important;
    bottom: 0px !important;
  }

  .swiper-pagination-bullet-active {
    color: #fff !important;
    background: #1f7a1f !important;
  }
}