.container {
  display: flex;
  padding: 100px 0;
  justify-content: space-between;
}

.mb {
  margin-bottom: 10px;
}

.tab_list {
  display: block;
  list-style: none;
  font-size: 15px;
  padding: 0;
}

.title_color {
  color: #0348a8;
  padding-bottom: 20px;
}

.tab {
  width: 0px;
  height: 3px;
  background: #0348a8;
  transition: width 6s linear;
}

.tab::after {
  width: 200px;
}

.active_content {
  width: 100%;
}

.sideCard {
  background-color: #def0fd;
  margin-bottom: 8px;
}

.bold {
  color: #1170b5;
  font-weight: 700;
  padding: 20px 16px;
}

.normal {
  font-weight: 300;
  margin-top: -8px;
}

.right_img {
  width: 600px;
}

.imgPart1 {
  display: none;
}

.imgPart2 {
  display: block;
}

@media only screen and (max-width: 900px) {
  .container {
    display: block;
    height: 1200px;
  }
  .right_img {
    width: 400px;
  }
  .active_content {
    width: 100%;
  }
  .imgPart1 {
    text-align: right;
    margin-bottom: 10px;
    display: block;
  }
  .imgPart2 {
    display: none;
  }
}

@media only screen and (max-width: 500px) {
  .container {
    display: block;
    height: 1000px;
  }
  .right_img {
    width: 100%;
    padding-left: 33px;
  }
  .active_content {
    width: 100%;
  }
}
