.graduation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 900px) {
  .graduation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.graduation__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 255px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  background-color: #edf6ff;
  border: 4px solid #daecff;
  border-radius: 20px;
}
@media (max-width: 900px) {
  .graduation__badge {
    margin: auto;
  }
}
.graduation__badge--icon {
  width: 64.617px;
  height: 64.617px;
  margin-bottom: 8px;
}
.graduation__badge--education, .graduation__badge--graduate {
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.graduation__badge--education {
  font-size: 20px;
}
.graduation__badge--graduate {
  font-size: 18px;
}
.graduation__badge--approved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 12px;
  margin-top: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #007d32;
  background-color: white;
  border: 1px solid #00a141;
  border-radius: 5px;
}
.graduation__list {
  width: 100%;
}
.graduation__list--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #cee6fe;
}
.graduation__list--row:last-child {
  border-bottom: 1px solid #cee6fe;
}
.graduation__list--header, .graduation__list--data {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 900px) {
  .graduation__list--header, .graduation__list--data {
    font-size: 16px;
  }
}
.graduation__list--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 208px;
  max-width: 208px;
  padding: 16px 24px;
  color: #50617a;
  background-color: #edf6ff;
}
@media (max-width: 900px) {
  .graduation__list--header {
    min-width: 105px;
    max-width: 105px;
    padding: 16px;
  }
}
.graduation__list--data {
  width: 100%;
  padding: 16px 0 16px 24px;
}

.question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
.question:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #ececec;
}
.question:not(:first-child) {
  padding-top: 16px;
}
.question__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.question__text, .question__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.question__text--icon, .question__answer--icon {
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin-bottom: auto;
}
.question__answer {
  color: #f97930;
}

.show__backLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 24px;
}
.show__backLink--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #0064cf;
  text-decoration-line: underline;
  text-decoration-thickness: 6%;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.show__reason--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0064cf;
  border-radius: 10px;
}
.show__reason--to {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 48px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
  background: rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0 0 10px 10px;
}
@media (max-width: 900px) {
  .show__reason--to {
    padding: 16px 33px;
    margin: 0 28px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.show__reason--text {
  padding: 0 20px;
  margin-bottom: 8px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .show__reason--text {
    font-size: 20px;
  }
}
.show__reason--smallText {
  padding: 0 20px;
  margin-bottom: 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .show__reason--smallText {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
.show__fixedBar {
  position: fixed;
  bottom: 0;
  z-index: 999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 12px;
  background-color: white;
  border-top: 1px solid #ececec;
}
@media (max-width: 900px) {
  .show__fixedBar {
    gap: 8px;
    padding: 12px 8px;
  }
}
.show__fixedBar--link {
  color: white;
  padding: 12px 64px;
  color: white;
}
.show__fixedBar--link--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.show__fixedBar--link--wrapper:hover .hover-reverse-bg::before, .show__fixedBar--link--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.show__fixedBar--link--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.show__fixedBar--link--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.show__fixedBar--link--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.show__fixedBar--link--wrapper .hover-reverse-bg::before, .show__fixedBar--link--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.show__fixedBar--link--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.show__fixedBar--link--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.show__fixedBar--link--wrapper:hover {
  opacity: 1;
}
.show__fixedBar--link:hover {
  cursor: pointer;
}
.show__fixedBar--like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  color: #0064cf;
  padding: 12px 64px;
  color: #0064cf;
}
.show__fixedBar--like--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
}
.show__fixedBar--like--wrapper .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.show__fixedBar--like--wrapper .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.show__fixedBar--like--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.show__fixedBar--like--wrapper:hover .bg::before {
  padding: 2px;
}
@media (max-width: 900px) {
  .show__fixedBar--like {
    margin-right: 0;
  }
}
.show__fixedBar--like-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}
.show__fixedBar--link, .show__fixedBar--like {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .show__fixedBar--link, .show__fixedBar--like {
    padding: 10px 12px;
    line-height: 140%;
    text-align: left;
  }
}

.reason__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px 4px;
  margin-bottom: 64px;
  background: #0064cf;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .reason__wrapper {
    margin-bottom: 48px;
  }
}
.reason__to {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 48px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
  background: rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0 0 10px 10px;
}
@media (max-width: 900px) {
  .reason__to {
    padding: 16px 33px;
    margin: 0 28px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.reason__text {
  padding: 0 20px;
  margin-bottom: 8px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .reason__text {
    font-size: 20px;
  }
}
.reason__smallText {
  padding: 0 20px;
  margin-bottom: 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: white;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .reason__smallText {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
.reason__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 24px 25px 32px;
  background-color: white;
}
@media (max-width: 900px) {
  .reason__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    padding: 16px 10px 16px 16px;
  }
}
.reason__list:nth-child(1) {
  border-radius: 5px 0 0 5px;
}
@media (max-width: 900px) {
  .reason__list:nth-child(1) {
    border-radius: 5px 5px 0 0;
  }
}
.reason__list:nth-child(4) {
  border-radius: 0 5px 5px 0;
}
@media (max-width: 900px) {
  .reason__list:nth-child(4) {
    border-radius: 0 0 5px 5px;
  }
}
.reason__list--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  width: 100%;
}
@media (max-width: 900px) {
  .reason__list--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.reason__list--icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}
.reason__list--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .reason__list--text {
    font-size: 22px;
    text-align: left;
  }
}

.teacher__commonSection {
  position: relative;
  margin-bottom: 96px;
}
@media (max-width: 900px) {
  .teacher__commonSection {
    margin-bottom: 64px;
  }
}
.teacher__message {
  position: relative;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
}
.teacher__message--text {
  margin: 16px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__message::after {
  content: "";
  position: absolute;
  left: 70px;
  display: -webkit-box;
  display: flexbox;
  display: -ms-flexbox;
  display: flex;
  width: 50.198px;
  height: 49.009px;
  background-image: url('data:image/svg+xml,<svg width="23" height="15" viewBox="0 0 23 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-136 -110C-136 -111.105 -135.105 -112 -134 -112H978C979.105 -112 980 -111.105 980 -110V190C980 191.105 979.105 192 978 192H-134C-135.105 192 -136 191.105 -136 190V-110Z" fill="white"/><path d="M-134 -112V-111H978V-112V-113H-134V-112ZM980 -110H979V190H980H981V-110H980ZM978 192V191H-134V192V193H978V192ZM-136 190H-135V-110H-136H-137V190H-136ZM-134 192V191C-134.552 191 -135 190.552 -135 190H-136H-137C-137 191.657 -135.657 193 -134 193V192ZM980 190H979C979 190.552 978.552 191 978 191V192V193C979.657 193 981 191.657 981 190H980ZM978 -112V-111C978.552 -111 979 -110.552 979 -110H980H981C981 -111.657 979.657 -113 978 -113V-112ZM-134 -112V-113C-135.657 -113 -137 -111.657 -137 -110H-136H-135C-135 -110.552 -134.552 -111 -134 -111V-112Z" fill="white" fill-opacity="0.1"/><mask id="path-3-inside-1_9344_69691" fill="white"><path d="M865 -79C876.046 -79 885 -70.0457 885 -59V-19C885 -7.95431 876.046 1 865 1H22.2354C14.0816 12.8596 0.862168 14.4077 0.790039 14.416C6.68978 5.52408 6.75526 3.14194 7.22754 1H-95C-106.046 1 -115 -7.95431 -115 -19V-59C-115 -70.0457 -106.046 -79 -95 -79H865Z"/></mask><path d="M865 -79C876.046 -79 885 -70.0457 885 -59V-19C885 -7.95431 876.046 1 865 1H22.2354C14.0816 12.8596 0.862168 14.4077 0.790039 14.416C6.68978 5.52408 6.75526 3.14194 7.22754 1H-95C-106.046 1 -115 -7.95431 -115 -19V-59C-115 -70.0457 -106.046 -79 -95 -79H865Z" fill="white"/><path d="M22.2354 1V0H21.7093L21.4113 0.433459L22.2354 1ZM0.790039 14.416L-0.0432297 13.8631L-1.23368 15.6574L0.905218 15.4094L0.790039 14.416ZM7.22754 1L8.20408 1.21532L8.47205 0H7.22754V1ZM865 -79V-78C875.493 -78 884 -69.4934 884 -59H885H886C886 -70.598 876.598 -80 865 -80V-79ZM885 -59H884V-19H885H886V-59H885ZM885 -19H884C884 -8.50659 875.493 0 865 0V1V2C876.598 2 886 -7.40202 886 -19H885ZM865 1V0H22.2354V1V2H865V1ZM22.2354 1L21.4113 0.433459C17.4693 6.16716 12.2983 9.41568 8.08575 11.2341C3.87065 13.0537 0.650557 13.4255 0.67486 13.4227L0.790039 14.416L0.905218 15.4094C1.04027 15.3937 14.6473 13.8019 23.0594 1.56654L22.2354 1ZM0.790039 14.416L1.62331 14.9689C4.59117 10.4958 6.12122 7.61652 6.96881 5.5574C7.82377 3.48038 7.97891 2.23653 8.20408 1.21532L7.22754 1L6.251 0.78468C6.00388 1.90541 5.89015 2.9236 5.11936 4.79611C4.34121 6.68654 2.88865 9.44429 -0.0432297 13.8631L0.790039 14.416ZM7.22754 1V0H-95V1V2H7.22754V1ZM-95 1V0C-105.493 0 -114 -8.50659 -114 -19H-115H-116C-116 -7.40202 -106.598 2 -95 2V1ZM-115 -19H-114V-59H-115H-116V-19H-115ZM-115 -59H-114C-114 -69.4934 -105.493 -78 -95 -78V-79V-80C-106.598 -80 -116 -70.598 -116 -59H-115ZM-95 -79V-78H865V-79V-80H-95V-79Z" fill="%23CFCFCF" mask="url(%23path-3-inside-1_9344_69691)"/></svg>');
  background-repeat: no-repeat;
}
.teacher__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
}
@media (max-width: 900px) {
  .teacher__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.teacher__info {
  width: 300px;
  min-width: 300px;
  overflow: hidden;
  background-color: #edf6ff;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .teacher__info {
    width: 100%;
    min-width: 100%;
    margin-bottom: 40px;
  }
}
.teacher__info--image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 300px;
  min-height: 300px;
}
@media (max-width: 900px) {
  .teacher__info--image {
    height: 335px;
    min-height: 335px;
  }
}
.teacher__info--image-wrapper {
  position: relative;
}
.teacher__info--image-favorite {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
}
.teacher__info--name {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__info--row:not(:first-child) {
  padding-top: 16px;
}
@media (max-width: 900px) {
  .teacher__info--row:not(:first-child) {
    padding-top: 12px;
  }
}
.teacher__info--row:not(:last-child) {
  padding-right: 8px;
  padding-bottom: 12px;
  padding-left: 8px;
  border-bottom: 1px solid #cee6fe;
}
@media (max-width: 900px) {
  .teacher__info--row:last-child {
    padding-top: 16px;
  }
}
.teacher__info--rowGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 900px) {
  .teacher__info--rowGroup {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.teacher__info--rowItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.teacher__info--rowItem-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (max-width: 900px) {
  .teacher__info--rowItem-wrapper {
    gap: 16px;
  }
  .teacher__info--rowItem-wrapper:first-child {
    padding-right: 17px;
  }
  .teacher__info--rowItem-wrapper:last-child {
    padding-left: 17px;
    border-left: 1px solid #cee6fe;
  }
}
.teacher__info--texts {
  padding: 12px 16px 16px;
}
.teacher__info--title {
  width: 115px;
  min-width: 115px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #50617a;
}
@media (max-width: 900px) {
  .teacher__info--title {
    width: auto;
    min-width: auto;
  }
}
.teacher__info--value, .teacher__info--gender {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__info--gender.male {
  color: #0064cf;
}
.teacher__info--gender.female {
  color: #ea2578;
}
.teacher__info--tag {
  padding: 4px 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #e15607;
  background-color: white;
  border-radius: 5px;
}
.teacher__info--tag-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.teacher__infoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding: 16px 8px;
  margin-left: 40px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 900px) {
  .teacher__infoList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 0;
  }
}
.teacher__infoList--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.teacher__infoList--name {
  width: 150px;
  min-width: 150px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #757575;
}
.teacher__infoList--value {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__infoList--value-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.teacher__infoList--graduation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
}
.teacher__infoList--region {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #0064cf;
  text-decoration-line: underline;
  text-decoration-thickness: 6%;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.teacher__infoList--region::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 15px;
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="14.1914" width="13" height="13" rx="6.5" transform="rotate(-180 13.5 14.1914)" stroke="%230064CF"/><path d="M9.02367 8.54929C9.06372 8.50631 9.11202 8.47183 9.16569 8.44792C9.21936 8.42401 9.27729 8.41115 9.33603 8.41011C9.39478 8.40908 9.45313 8.41988 9.5076 8.44189C9.56208 8.46389 9.61157 8.49664 9.65311 8.53819C9.69465 8.57973 9.7274 8.62922 9.74941 8.68369C9.77141 8.73817 9.78222 8.79652 9.78118 8.85526C9.78015 8.91401 9.76729 8.97194 9.74338 9.02561C9.71946 9.07927 9.68499 9.12757 9.642 9.16762L7.30867 11.501C7.22664 11.5829 7.11544 11.6289 6.9995 11.6289C6.88357 11.6289 6.77237 11.5829 6.69034 11.501L4.357 9.16762C4.31402 9.12757 4.27954 9.07927 4.25563 9.0256C4.23172 8.97194 4.21886 8.91401 4.21783 8.85526C4.21679 8.79652 4.22759 8.73817 4.2496 8.68369C4.2716 8.62922 4.30435 8.57973 4.3459 8.53819C4.38744 8.49664 4.43693 8.46389 4.49141 8.44189C4.54588 8.41988 4.60423 8.40908 4.66297 8.41011C4.72172 8.41115 4.77965 8.42401 4.83332 8.44792C4.88698 8.47183 4.93528 8.50631 4.97534 8.54929L6.562 10.136L6.562 4.48346C6.562 4.36743 6.6081 4.25615 6.69014 4.1741C6.77219 4.09205 6.88347 4.04596 6.9995 4.04596C7.11554 4.04596 7.22682 4.09205 7.30886 4.1741C7.39091 4.25615 7.437 4.36743 7.437 4.48346L7.437 10.136L9.02367 8.54929Z" fill="%230064CF"/></svg>');
}
.teacher__infoList--region-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 4px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.teacher__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background-color: #f7f7f7;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .teacher__note {
    padding: 16px;
  }
}
.teacher__note--title {
  margin-bottom: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #757575;
}
.teacher__note--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.teacher__area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
}
.teacher__area:not(:first-child) {
  padding-top: 16px;
}
.teacher__area:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 900px) {
  .teacher__area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.teacher__area--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.teacher__area--kenName {
  width: 140px;
  min-width: 140px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 900px) {
  .teacher__area--kenName {
    width: 100%;
    min-width: 100%;
  }
}
.teacher__area--cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.teacher__area--cityName {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.teacher__button--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 40px 20px;
  background-color: #f5faff;
}
@media (max-width: 900px) {
  .teacher__button--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.teacher__linkButton {
  padding: 12px 64px;
  color: white;
  padding: 33px 64px;
}
.teacher__linkButton--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.teacher__linkButton--wrapper:hover .hover-reverse-bg::before, .teacher__linkButton--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.teacher__linkButton--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.teacher__linkButton--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.teacher__linkButton--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.teacher__linkButton--wrapper .hover-reverse-bg::before, .teacher__linkButton--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.teacher__linkButton--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.teacher__linkButton--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.teacher__linkButton--wrapper:hover {
  opacity: 1;
}
.teacher__linkButton:hover {
  cursor: pointer;
}
@media (max-width: 900px) {
  .teacher__linkButton {
    padding: 33px 0;
  }
}
.teacher__likeButton {
  padding: 12px 64px;
  color: #0064cf;
  gap: 18px;
  padding: 33px 69px 33px 71px;
  color: #0064cf;
}
.teacher__likeButton--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
}
.teacher__likeButton--wrapper .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.teacher__likeButton--wrapper .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.teacher__likeButton--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.teacher__likeButton--wrapper:hover .bg::before {
  padding: 2px;
}
@media (max-width: 900px) {
  .teacher__likeButton {
    gap: 10px;
    padding: 33px 48px 33px 40px;
  }
}
.teacher__likeButton--icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}
.teacher__linkButton, .teacher__likeButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__linkButton--wrapper, .teacher__likeButton--wrapper {
  z-index: 3;
}
@media (max-width: 900px) {
  .teacher__linkButton--wrapper, .teacher__likeButton--wrapper {
    width: 100%;
  }
}
.teacher__another {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.teacher__another--area {
  padding: 8px 12px;
  background-color: #f5faff;
  border: 1px solid #cee6fe;
  border-radius: 5px;
}
.teacher__another--area.active {
  color: white;
  background: #0064cf;
}
.teacher__another--area-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.teacher__another--area-text:not(.active .teacher__another--area-text) {
  color: #0064cf;
}
.teacher__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 640px;
  padding: 46px 12px;
  margin: auto;
  margin-bottom: 160px;
  background-color: #f5faff;
  border: 2px solid #0064cf;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .teacher__search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 23.69px 12px;
  }
}
.teacher__search--text {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #0064cf;
}
.teacher__search--orangeText {
  z-index: 2;
  padding: 3px 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: white;
  background-color: #f97930;
  border-radius: 35px;
}
.teacher__search::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 134px;
  height: 132px;
  background-image: url('data:image/svg+xml,<svg width="134" height="133" viewBox="0 0 134 133" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3498_103396)"><path opacity="0.1" d="M122 132L88.4628 98.704M88.4628 98.704C94.1994 93.0086 98.75 86.2472 101.855 78.8058C104.959 71.3644 106.557 63.3887 106.557 55.3342C106.557 47.2797 104.959 39.304 101.855 31.8626C98.75 24.4212 94.1994 17.6598 88.4628 11.9644C82.7261 6.26897 75.9157 1.75112 68.4203 -1.33121C60.925 -4.41354 52.8915 -6 44.7787 -6C36.6658 -6 28.6323 -4.41354 21.137 -1.33121C13.6417 1.75112 6.83123 6.26897 1.09455 11.9644C-10.4912 23.4668 -17 39.0674 -17 55.3342C-17 71.6011 -10.4912 87.2016 1.09455 98.704C12.6803 110.206 28.3939 116.668 44.7787 116.668C61.1634 116.668 76.877 110.206 88.4628 98.704Z" stroke="%230064CF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3498_103396"><rect width="134" height="132" fill="white" transform="translate(0 0.0117188)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .teacher__search::before {
    background-image: url('data:image/svg+xml,<svg width="135" height="133" viewBox="0 0 135 133" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4317_189917)"><path opacity="0.1" d="M118.875 118.235L88.7156 88.3172M88.7156 88.3172C93.8745 83.1996 97.9668 77.1241 100.759 70.4377C103.551 63.7512 104.988 56.5847 104.988 49.3473C104.988 42.1099 103.551 34.9433 100.759 28.2568C97.9668 21.5704 93.8745 15.4949 88.7156 10.3773C83.5567 5.25964 77.4323 1.20013 70.6918 -1.5695C63.9514 -4.33914 56.7271 -5.76465 49.4314 -5.76465C42.1356 -5.76465 34.9113 -4.33914 28.1709 -1.5695C21.4304 1.20013 15.306 5.25964 10.1471 10.3773C-0.271759 20.7127 -6.125 34.7307 -6.125 49.3473C-6.125 63.9638 -0.271759 77.9818 10.1471 88.3172C20.5659 98.6527 34.6969 104.459 49.4314 104.459C64.1658 104.459 78.2968 98.6527 88.7156 88.3172Z" stroke="%230064CF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_4317_189917"><rect width="134" height="132" fill="white" transform="translate(0.875 0.24707)"/></clipPath></defs></svg>');
  }
}
.teacher__search::after {
  content: "";
  position: absolute;
  right: 39.5px;
  width: 13px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="13" height="24" viewBox="0 0 13 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 22L11.5 12L1.5 2" stroke="%230064CF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .teacher__search::after {
    right: 24px;
  }
}
.teacher__regist {
  padding: 12px 64px;
  color: #f97930;
}
.teacher__regist--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
}
.teacher__regist--wrapper .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.teacher__regist--wrapper .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#ff9c08), to(#ff3700));
  background: linear-gradient(270deg, #ff9c08 0%, #ff3700 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.teacher__regist--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.teacher__regist--wrapper {
  width: 100%;
  padding: 64px 80px;
  margin-bottom: 64px;
}
@media (max-width: 900px) {
  .teacher__regist--wrapper {
    padding: 40px 24px;
    margin-bottom: 48px;
  }
}
.teacher__regist--wrapper .bg {
  z-index: 1;
}
.teacher__regist--wrapper .bg::before {
  padding: 4px;
  border-radius: 20px;
}
.teacher__regist--wrapper .bg:hover {
  cursor: auto;
}
.teacher__regist--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 900px) {
  .teacher__regist--inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.teacher__regist--text, .teacher__regist--smallText {
  z-index: 2;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #f97930;
}
.teacher__regist--text:hover, .teacher__regist--smallText:hover {
  cursor: auto;
}
.teacher__regist--text {
  font-size: 30px;
}
@media (max-width: 900px) {
  .teacher__regist--text {
    font-size: 26px;
  }
}
.teacher__regist--text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 900px) {
  .teacher__regist--text-wrapper {
    margin-bottom: 40px;
  }
}
.teacher__regist--smallText {
  font-size: 18px;
}
.teacher__registButton {
  z-index: 3;
  padding: 12px 64px;
  color: white;
  padding: 12px 64px;
  margin-right: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.teacher__registButton--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.teacher__registButton--wrapper:hover .hover-reverse-bg-red::before, .teacher__registButton--wrapper:hover .hover-reverse-bg-red::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.teacher__registButton--wrapper:hover .hover-reverse-bg-red::before {
  opacity: 0;
}
.teacher__registButton--wrapper:hover .hover-reverse-bg-red::after {
  opacity: 1;
}
.teacher__registButton--wrapper .hover-reverse-bg-red {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  width: 100%;
  height: 100%;
}
.teacher__registButton--wrapper .hover-reverse-bg-red::before, .teacher__registButton--wrapper .hover-reverse-bg-red::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.teacher__registButton--wrapper .hover-reverse-bg-red::before {
  background: -webkit-gradient(linear, right top, left top, from(#ff9c08), to(#ff3700));
  background: linear-gradient(270deg, #ff9c08 0%, #ff3700 100%);
  opacity: 1;
}
.teacher__registButton--wrapper .hover-reverse-bg-red::after {
  background: -webkit-gradient(linear, right top, left top, from(#ff3700), to(#ff9c08));
  background: linear-gradient(270deg, #ff3700 0%, #ff9c08 100%);
  opacity: 0;
}
.teacher__registButton:hover {
  cursor: pointer;
}
.teacher__registButton::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 48px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="1" width="13" height="13" rx="6.5" transform="rotate(90 13.5 1)" stroke="white"/><path d="M7.85789 5.47584C7.8149 5.43579 7.78042 5.38749 7.75651 5.33382C7.7326 5.28016 7.71974 5.22222 7.71871 5.16348C7.71767 5.10474 7.72848 5.04639 7.75048 4.99191C7.77248 4.93743 7.80524 4.88795 7.84678 4.8464C7.88832 4.80486 7.93781 4.77211 7.99229 4.7501C8.04676 4.7281 8.10511 4.71729 8.16386 4.71833C8.2226 4.71937 8.28053 4.73222 8.3342 4.75614C8.38787 4.78005 8.43617 4.81452 8.47622 4.85751L10.8096 7.19084C10.8915 7.27287 10.9375 7.38407 10.9375 7.50001C10.9375 7.61595 10.8915 7.72714 10.8096 7.80918L8.47622 10.1425C8.43617 10.1855 8.38787 10.22 8.3342 10.2439C8.28053 10.2678 8.2226 10.2807 8.16386 10.2817C8.10511 10.2827 8.04676 10.2719 7.99229 10.2499C7.93781 10.2279 7.88832 10.1952 7.84678 10.1536C7.80524 10.1121 7.77248 10.0626 7.75048 10.0081C7.72848 9.95363 7.71767 9.89528 7.71871 9.83654C7.71974 9.77779 7.7326 9.71986 7.75651 9.66619C7.78042 9.61253 7.8149 9.56423 7.85788 9.52418L9.44455 7.93751L3.79205 7.93751C3.67602 7.93751 3.56474 7.89141 3.48269 7.80937C3.40065 7.72732 3.35455 7.61604 3.35455 7.50001C3.35455 7.38398 3.40065 7.2727 3.48269 7.19065C3.56474 7.1086 3.67602 7.06251 3.79205 7.06251L9.44455 7.06251L7.85789 5.47584Z" fill="white"/></svg>');
}
@media (max-width: 900px) {
  .teacher__registButton::after {
    right: 48px;
  }
}
@media (max-width: 900px) {
  .teacher__registButton {
    padding: 12px 91.5px;
  }
  .teacher__registButton::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 75.5px;
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="1" width="13" height="13" rx="6.5" transform="rotate(90 13.5 1)" stroke="white"/><path d="M7.85789 5.47584C7.8149 5.43579 7.78042 5.38749 7.75651 5.33382C7.7326 5.28016 7.71974 5.22222 7.71871 5.16348C7.71767 5.10474 7.72848 5.04639 7.75048 4.99191C7.77248 4.93743 7.80524 4.88795 7.84678 4.8464C7.88832 4.80486 7.93781 4.77211 7.99229 4.7501C8.04676 4.7281 8.10511 4.71729 8.16386 4.71833C8.2226 4.71937 8.28053 4.73222 8.3342 4.75614C8.38787 4.78005 8.43617 4.81452 8.47622 4.85751L10.8096 7.19084C10.8915 7.27287 10.9375 7.38407 10.9375 7.50001C10.9375 7.61595 10.8915 7.72714 10.8096 7.80918L8.47622 10.1425C8.43617 10.1855 8.38787 10.22 8.3342 10.2439C8.28053 10.2678 8.2226 10.2807 8.16386 10.2817C8.10511 10.2827 8.04676 10.2719 7.99229 10.2499C7.93781 10.2279 7.88832 10.1952 7.84678 10.1536C7.80524 10.1121 7.77248 10.0626 7.75048 10.0081C7.72848 9.95363 7.71767 9.89528 7.71871 9.83654C7.71974 9.77779 7.7326 9.71986 7.75651 9.66619C7.78042 9.61253 7.8149 9.56423 7.85788 9.52418L9.44455 7.93751L3.79205 7.93751C3.67602 7.93751 3.56474 7.89141 3.48269 7.80937C3.40065 7.72732 3.35455 7.61604 3.35455 7.50001C3.35455 7.38398 3.40065 7.2727 3.48269 7.19065C3.56474 7.1086 3.67602 7.06251 3.79205 7.06251L9.44455 7.06251L7.85789 5.47584Z" fill="white"/></svg>');
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .teacher__registButton::after {
    right: 75.5px;
  }
}
.teacher__registButton--wrapper {
  z-index: 5;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
}
.teacher__registButton--wrapper:hover {
  opacity: 1;
}

.subject {
  padding: 32px 40px 40px;
  margin-top: 24px;
  background-color: #edf6ff;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .subject {
    padding: 24px 16px 16px;
  }
}
.subject__title {
  margin-bottom: 12px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #50617a;
}
@media (max-width: 900px) {
  .subject__title {
    font-size: 18px;
  }
}
.subject__mainTabs {
  padding: 24px;
  background-color: white;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .subject__mainTabs {
    padding: 16px;
  }
}
.subject__mainTabs--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ececec;
}
@media (max-width: 900px) {
  .subject__mainTabs--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper, .subject__subTab--group .tab-button.active .subject__tab--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::before, .subject__mainTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::after, .subject__subTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::before, .subject__subTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::before, .subject__subTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::after, .subject__subTab--group .tab-button.active .subject__tab--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::before, .subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::after, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::before, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::before, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::after, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .subject__tab, .subject__subTab--group .tab-button.active .subject__tab--wrapper .subject__tab {
  z-index: 3;
  color: white;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .subject__tab:hover, .subject__subTab--group .tab-button.active .subject__tab--wrapper .subject__tab:hover {
  cursor: pointer;
}
.subject__mainTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg, .subject__subTab--group .tab-button.active .subject__tab--wrapper .hover-reverse-bg {
  z-index: 2;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: white;
  border-radius: 5px;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper .hover-reverse-bg, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper .hover-reverse-bg::before, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper .hover-reverse-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper:hover, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper:hover .hover-reverse-bg::before, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper:hover .hover-reverse-bg::before {
  padding: 2px;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper .subject__tab, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper .subject__tab {
  z-index: 3;
  color: #0064cf;
}
.subject__mainTab--group .tab-button:not(.active) .subject__tab--wrapper .subject__tab:hover, .subject__subTab--group .tab-button:not(.active) .subject__tab--wrapper .subject__tab:hover {
  cursor: pointer;
}
.subject__mainTab--group .tab-button:disabled .subject__tab--wrapper, .subject__subTab--group .tab-button:disabled .subject__tab--wrapper {
  opacity: 0.3;
}
.subject__mainTab--group .tab-button:disabled .subject__tab--wrapper:hover, .subject__subTab--group .tab-button:disabled .subject__tab--wrapper:hover {
  cursor: not-allowed;
  opacity: 0.3;
}
.subject__mainTab--group .tab-button:disabled .subject__tab--wrapper:hover .hover-reverse-bg::before, .subject__subTab--group .tab-button:disabled .subject__tab--wrapper:hover .hover-reverse-bg::before {
  padding: 1px;
}
.subject__mainTab--group .tab-button .subject__tab, .subject__subTab--group .tab-button .subject__tab {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.subject__subTab--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 900px) {
  .subject__subTab--group {
    gap: 8px;
  }
}
.subject__subTab--group .tab-button {
  width: 209px;
}
.subject__subTab--group .tab-button .subject__tab--wrapper {
  width: 209px;
  padding: 8px 0;
}
@media (max-width: 900px) {
  .subject__subTab--group .tab-button .subject__tab--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 42px;
    padding: 0;
  }
  .subject__subTab--group .tab-button .subject__tab--wrapper .subject__tab {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .subject__subTab--group .tab-button {
    width: calc(50% - 4px);
  }
}
.subject__subTabInfo:nth-child(2) {
  width: 100%;
}
@media (max-width: 900px) {
  .subject__subTabInfo {
    width: 100%;
  }
}
.subject__subTabInfo--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .subject__subTabInfo--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.subject__subTabInfo--title {
  margin-bottom: 12px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #50617a;
}
@media (max-width: 900px) {
  .subject__subTabInfo--title {
    font-size: 18px;
  }
}
.subject__subTabInfo--wage {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #f97930;
}
.subject__subTabInfo--wage-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  white-space: nowrap;
  background-color: white;
  border-radius: 10px;
}
.subject__subTabInfo--wage-value {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.subject__subTabInfo--wage-amount {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.subject__subTabInfo--message {
  padding: 16px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  background-color: white;
  border-radius: 10px;
}
.subject__mainTab--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #757575;
  word-break: keep-all;
  white-space: nowrap;
}
.subject__mainTab--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.subject__mainTab--group .tab-button {
  width: 100%;
}
.subject__mainTab--group .tab-button .subject__tab--wrapper {
  width: 100%;
  padding: 12px;
}
.subject__tabDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: white;
  background-color: #0064cf;
}
@media (max-width: 900px) {
  .subject__tabDetail {
    width: 100%;
  }
}
.subject__tabDetail--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .subject__tabDetail--wrapper {
    gap: 2px;
  }
}
.subject__tabDetail--tabName {
  padding: 4px 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: white;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 25px;
}

.voice {
  padding: 40px 40px 32px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .voice {
    padding: 24px 24px 32px;
  }
}
.voice:has(.male) {
  background-color: #f5faff;
  border: 1px solid #d6eaff;
}
.voice:has(.female) {
  background-color: #fff3f9;
  border: 1px solid #ffdaec;
}
.voice:has(.other) {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
}
.voice__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.voice__text {
  position: relative;
  padding: 8px 0 0 52.79px;
  margin-bottom: 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 900px) {
  .voice__text {
    padding: 37.77px 0 0;
  }
}
.voice__text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36.79px;
  height: 29.77px;
  background-repeat: no-repeat;
}
.voice__text.male::after {
  background-image: url('data:image/svg+xml,<svg width="37" height="31" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M6.11 30.4614L0.779999 26.4314C2.34 24.6981 3.55333 23.0947 4.42 21.6214C5.37333 20.1481 6.02333 18.6747 6.37 17.2014C6.71667 15.6414 6.89 14.1247 6.89 12.6514L10.27 15.1214H0V0.691406H14.43V10.5714C14.43 13.0847 14.17 15.4681 13.65 17.7214C13.13 19.9747 12.2633 22.1414 11.05 24.2214C9.83667 26.3014 8.19 28.3814 6.11 30.4614ZM28.47 30.4614L23.14 26.4314C24.7 24.6981 25.9133 23.0947 26.78 21.6214C27.7333 20.1481 28.3833 18.6747 28.73 17.2014C29.0767 15.6414 29.25 14.1247 29.25 12.6514L32.63 15.1214H22.36V0.691406H36.79V10.5714C36.79 13.0847 36.53 15.4681 36.01 17.7214C35.49 19.9747 34.6233 22.1414 33.41 24.2214C32.1967 26.3014 30.55 28.3814 28.47 30.4614Z" fill="%230064CF"/></svg>');
}
.voice__text.female::after {
  background-image: url('data:image/svg+xml,<svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M6.11 29.77L0.779999 25.74C2.34 24.0067 3.55333 22.4033 4.42 20.93C5.37333 19.4567 6.02333 17.9833 6.37 16.51C6.71667 14.95 6.89 13.4333 6.89 11.96L10.27 14.43H0V0H14.43V9.88C14.43 12.3933 14.17 14.7767 13.65 17.03C13.13 19.2833 12.2633 21.45 11.05 23.53C9.83667 25.61 8.19 27.69 6.11 29.77ZM28.47 29.77L23.14 25.74C24.7 24.0067 25.9133 22.4033 26.78 20.93C27.7333 19.4567 28.3833 17.9833 28.73 16.51C29.0767 14.95 29.25 13.4333 29.25 11.96L32.63 14.43H22.36V0H36.79V9.88C36.79 12.3933 36.53 14.7767 36.01 17.03C35.49 19.2833 34.6233 21.45 33.41 23.53C32.1967 25.61 30.55 27.69 28.47 29.77Z" fill="%23F79EC9"/></svg>');
}
.voice__text.other::after {
  background-image: url('data:image/svg+xml,<svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M6.11 29.77L0.779999 25.74C2.34 24.0067 3.55333 22.4033 4.42 20.93C5.37333 19.4567 6.02333 17.9833 6.37 16.51C6.71667 14.95 6.89 13.4333 6.89 11.96L10.27 14.43H0V0H14.43V9.88C14.43 12.3933 14.17 14.7767 13.65 17.03C13.13 19.2833 12.2633 21.45 11.05 23.53C9.83667 25.61 8.19 27.69 6.11 29.77ZM28.47 29.77L23.14 25.74C24.7 24.0067 25.9133 22.4033 26.78 20.93C27.7333 19.4567 28.3833 17.9833 28.73 16.51C29.0767 14.95 29.25 13.4333 29.25 11.96L32.63 14.43H22.36V0H36.79V9.88C36.79 12.3933 36.53 14.7767 36.01 17.03C35.49 19.2833 34.6233 21.45 33.41 23.53C32.1967 25.61 30.55 27.69 28.47 29.77Z" fill="%23757575"/></svg>');
}
.voice__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.voice__more {
  padding: 12px 64px;
  color: #0064cf;
  position: relative;
  padding: 12px 72px 12px 64px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.voice__more--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
}
.voice__more--wrapper .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.voice__more--wrapper .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.voice__more--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.voice__more--wrapper:hover .bg::before {
  padding: 2px;
}
.voice__more::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 48px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="0.973633" width="13" height="13" rx="6.5" transform="rotate(90 13.5 0.973633)" stroke="%230064CF"/><path d="M7.85789 5.44947C7.8149 5.40942 7.78042 5.36112 7.75651 5.30745C7.7326 5.25379 7.71974 5.19586 7.71871 5.13711C7.71767 5.07837 7.72848 5.02002 7.75048 4.96554C7.77248 4.91107 7.80524 4.86158 7.84678 4.82004C7.88832 4.77849 7.93781 4.74574 7.99229 4.72374C8.04676 4.70173 8.10511 4.69093 8.16386 4.69196C8.2226 4.693 8.28053 4.70586 8.3342 4.72977C8.38787 4.75368 8.43617 4.78816 8.47622 4.83114L10.8096 7.16447C10.8915 7.24651 10.9375 7.3577 10.9375 7.47364C10.9375 7.58958 10.8915 7.70078 10.8096 7.78281L8.47622 10.1161C8.43617 10.1591 8.38787 10.1936 8.3342 10.2175C8.28053 10.2414 8.2226 10.2543 8.16386 10.2553C8.10511 10.2564 8.04676 10.2456 7.99229 10.2235C7.93781 10.2015 7.88832 10.1688 7.84678 10.1272C7.80524 10.0857 7.77248 10.0362 7.75048 9.98174C7.72848 9.92726 7.71767 9.86891 7.71871 9.81017C7.71974 9.75143 7.7326 9.69349 7.75651 9.63983C7.78042 9.58616 7.8149 9.53786 7.85788 9.49781L9.44455 7.91114L3.79205 7.91114C3.67602 7.91114 3.56474 7.86505 3.48269 7.783C3.40065 7.70095 3.35455 7.58967 3.35455 7.47364C3.35455 7.35761 3.40065 7.24633 3.48269 7.16428C3.56474 7.08223 3.67602 7.03614 3.79205 7.03614L9.44455 7.03614L7.85789 5.44947Z" fill="%230064CF"/></svg>');
}
@media (max-width: 900px) {
  .voice__more::after {
    right: 48px;
  }
}
.voice__more--wrapper {
  margin: auto;
}
.voice__more--wrapper:hover {
  background-color: #f5faff;
}