/* .article-container {
  padding-top: 60px;
} */
/* 
.back-btn {
  margin-bottom: 30px;
} */

/* .featured-img-container img {
  border-radius: 10px;
} */
/* 
.messages-container {
  display: grid;
  gap: 20px;
} */

.title-container-interview {
  background: rgba(0, 40, 77, 0.5);
  border-radius: 20px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 58px;
  margin-top: -181px;
  padding-bottom: 0;
  backdrop-filter: blur(16px);
  filter: drop-shadow(0px 0px 18px #001E2F);
}

/* 
.brief-paragraph {
  border: none;
} */

/* .sub-content {
  color: #fff;
  margin-bottom: 38px;
} */

/* .article-content p {
  margin: 0;
} */

.message-sent {
  background-color: var(--color-interview-color);
  border: 2px solid #49FFB3 !important;
  position: relative;
  border-top-left-radius: 0 !important;
  background: rgba(73, 255, 179, 0.3);
}

/* #emoji-popup {
  position: relative;
} */

/* #emoji-popup svg {
  height: 21px;
  width: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 12px;
} */

.message-received {
  border: 2px solid #EA6696;
  margin-left: auto;
  position: relative;
  background-color: rgba(234, 102, 150, 0.34);
  border-bottom-right-radius: 0 !important;
}

.message-received>* {
  color: var(--color-interview-receive) !important;
}

/* 
.article-content a {
  color: var(--color-new-cyan);
  text-decoration: none;
} */

/* .article-content a::after {
  content: url("../../assets/linkIndicator.svg");
  display: inline-block;
  width: 20px;
  margin-top: 5px;
  cursor: pointer;
  margin-left: 1rem;
} */

/* .brief-paragraph {
  padding-top: 5px;
  font-size: 1rem;
  line-height: 28px;
  padding-bottom: 31px;
  margin-bottom: 41px;
} */

.interview-common {
  font-family: var(--font-noto);
  border-radius: 20px;
  padding: 14px;
  font-weight: 400;
  font-size: 24px;
  line-height: 44px;
  width: 100%;
  /* border: 1px solid var(--color-new-green); */
}

.interview-common>* {
  margin: 0 !important;
}

.message-received::before {

  content: "";
  display: inline-block;
  position: absolute;
  bottom: -17px;
  right: -5px;
  background-color: #EA6696;
  -webkit-clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  width: 37px;
  height: 31px;
  transform: rotate(-90deg);

}

.message-sent::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -5px;
  -webkit-clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  background: #49FFB3;
  width: 37px;
  height: 31px;
  transform: rotate(90deg);
  border: 1px solid #00fcfc;
}

.name-received-interview-meta {
  position: absolute;
  top: -43px;
  color: var(--author-title-color);
  font-size: 14px;
}

.name-sent-interview-meta {
  position: absolute;
  bottom: -43px;
  color: var(--author-title-color);
  right: 20px;
  font-size: 14px;
}

/* .article-content {
  display: grid;
  grid-gap: 30px;
  border-top: 1px solid #EA6696;
  padding-top: 36px;
} */

/* .featured-img {
  width: 100%;
  height: 100%;
} */

@media screen and (min-width: 800px) {
  .interview-common {
    padding: 30px
  }

  .title-container-interview {
    width: 89%;
  }

  /* 
  .brief-paragraph {
    font-size: 24px;
    line-height: 29px;
  } */
}

@media screen and (min-width: 1000px) {
  .interview-common {
    width: 919px;
  }
}