.firstText {
  top: 50%;
  transform: translateY(-6rem);
  height: 54%;
  max-height: 25rem;
}
a{
  cursor: pointer;
}
.first1 .blurBox{
  border-radius: 40px;
  background: rgba(246, 251, 255, 0.70);
  backdrop-filter: blur(12px);
  transform: translateX(2rem);
}
.first1 img{
  transform: translateX(-2rem);
}
.content .item {
  width: 17rem;
  height: 20rem;
  box-shadow: 0px 4px 10px 1px rgba(48, 123, 196, 0.10);
}

.content .item:hover {
  box-shadow: 0px 4px 10px 1px rgba(48, 123, 196, 0.10), 0px 4px 30px 0px rgba(48, 123, 196, 0.20);
}

.content .item a {
  width: 10.5rem;
  height: 3.5rem;
  box-shadow: -6px -4px 50px 8px rgba(48, 123, 196, 0.10);
}

.content .item a:hover img {
  opacity: 1;
}
.swiper .swiper-slide .text{
  border-radius: 0px 0px 20px 20px;
  background: linear-gradient(180deg, rgba(48, 123, 196, 0.00) 0%, #102B59 100%);
  backdrop-filter: blur(1px);
}
.gradient{
  background-image: radial-gradient(42.35% 42.35% at 50.00% 50.00%, rgba(134, 187, 241, 0.22) 0%, rgba(134, 187, 241, 0.00) 100%);
  background-repeat: no-repeat;
  background-position: -40vw 30rem;
}

.bgColorBox{
  background: rgba(246, 247, 251, 0.90);
  backdrop-filter: blur(2px);
}

.bg_number {
  background-image: url('./../static/image/teacher_training/3.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.swiper1 .swiper-slide{
  height: auto;
  width: auto;
}
.swiper2 .swiper-slide{
  height: auto;
}
.swiper2 a:active{
  background-color: #3A81FB;
  color: #fff;
}
.swiper2 a:active img {
  opacity: 1;
}
a,a:focus,a:active,a:visited,a:link{
  outline: none;
  -webkit-tap-highlight-color: transparent;
}