#output-loader,
.textareaActionWrapper {
  transform: translate(-50%, -50%);
  position: absolute;
}
.blogCard p,
.cate-text {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.essayWriterWrapper .container {
  max-width: 1410px;
}
.formWrapper {
  padding: 25px 24px 40px;
  min-height: calc(100vh - 370px);
  overflow-x: unset;
  background: #fff;
  overflow-y: unset;
  height: unset;
}
.paraphraserHead {
  color: #0f172a;
  font-size: 32px;
  font-weight: 600;
  padding: 15px 0;
  text-align: center;
}
.inputGroup textarea {
  min-height: 40vh;
  padding: 15px;
}
#history-tab,
#new-outputs {
  overflow-y: unset;
  min-height: calc(100vh - 517px);
  max-height: calc(100vh - 420px);
  position: unset;
}
.essayWriterBody {
  position: relative;
  border-radius: 0 0 6px 6px;
  background: #fff;
  filter: drop-shadow(0px 0px 21px rgba(160, 160, 160, 0.25));
}
.essayWriterBodyWrapper {
  background: #f8fafc;
}
.essayWriterInput,
.essayWriterOutput,
.ewBtns {
  background: #fff;
}
.ewBtns {
  position: sticky;
  bottom: 0;
}
.textareaActionWrapper {
  left: 50%;
  top: 50%;
  width: max-content;
  gap: 10px;
  display: none;
}
.textareaActionBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 89px;
  padding: 12px 0 11px;
  border-radius: 5px;
  border: 0.5px solid #05ada3;
}
.textareaActionBtn span {
  color: #05ada3;
  font-size: 10px;
  font-style: italic;
}
.textareaActionBtn:hover {
  background: #f2fff8;
}
.newOutputs.withData,
.newOutputs.withData:hover,
.skeleton {
  background-color: #fff;
}
.languagesFilterWrapper {
  display: flex;
  z-index: 6;
  position: relative;
  max-width: max-content;
}
.languagesFilterWrapper a {
  padding: 11px 15px 10px 18px;
  color: #64748b;
  font-size: 14px;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.languagesFilterWrapper a:hover {
  background: rgba(37, 37, 37, 0.08);
}
.languagesFilterWrapper a.active {
  background: #fff;
  font-weight: 600;
}
#new-essays,
#old-essays {
  max-height: calc(100vh - 225px);
}
.languageDropdownWrapper a:nth-child(n + 4),
.select2-container,
br {
  display: block;
}
.generatedEssay p {
  white-space: unset;
}
.sentenceJumperWrapper {
  align-items: center;
  justify-content: space-between;
  position: sticky;
  bottom: 100px;
  min-height: 81px;
  padding: 22px 24px 17px;
  background: #fff;
  display: none;
}
.sentencesInner {
  display: flex;
  align-items: center;
  gap: 18px;
}
.outputInfoWrapper,
.sentenceJumperBtns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sentenceJumperBtns a {
  padding: 7px 8px 9px;
  border-radius: 3px;
  max-height: 32px;
  background: #edf0f4;
}
.sentenceJumperBtns a:hover {
  background: linear-gradient(180deg, #24c7bd 0, #046761 100%);
}
.sentenceJumperBtns a:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%)
    hue-rotate(309deg) brightness(105%) contrast(100%);
}
.backBtn:hover svg path,
.sentenceJumperBtns a:hover svg path {
  fill: #fff;
}
.outputInfoWrapper * {
  color: #0f172a;
  font-size: 15px;
}
.singleWord.notexists {
  color: #e36b00;
}
.iconBtn:hover svg path {
  fill: #212121;
}
.inputGroup textarea {
  font-size: 16px;
  line-height: 150%;
}
.inputGroup textarea::placeholder {
  color: #858585;
  font-size: 16px;
}
#for-dropdown,
.content-mob-img,
.languagesFilterWrapper .PortugueseMob{
  display: none;
}
.singleSentence.highlight {
  background: #edfaff;
}
#output-loader {
  left: 43%;
  top: 35%;
  display: none;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #05ada3;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:first-child {
  left: 8px;
  animation: 0.6s infinite lds-ellipsis1;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: 0.6s infinite lds-ellipsis2;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: 0.6s infinite lds-ellipsis2;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: 0.6s infinite lds-ellipsis3;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.dropdownOuterModes,
.essayWriterOutput,
.tableWrapper {
  position: relative;
}
.languageDropdownWrapper,
.modesDropdownWrapper {
  position: absolute;
  max-width: 400px;
  filter: drop-shadow(0px 0px 21px rgba(160, 160, 160, 0.25));
  padding: 4px;
  border-radius: 6px;
  display: none;
  width: 100%;
  overflow: hidden;
}
.skeleton {
  background-size: 200px 100%;
  background-repeat: no-repeat;
  line-height: 1;
  animation: 1s ease-in-out infinite SkeletonLoading;
  background-image: linear-gradient(90deg, #fff, #ddd8d8, #fff);
  min-height: 500px;
}
@keyframes SkeletonLoading {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
#generate-essay-processing-btn {
  height: 42px;
}
.languageDropdownWrapper {
  bottom: -240px;
  right: -328px;
  flex-wrap: wrap;
  background: #fff;
}
.languageDropdownWrapper.show {
  display: flex;
}
.modesDropdownWrapper {
  bottom: -278px;
  right: 0;
  flex-wrap: wrap;
  background: #fff;
}
.languageDropdownWrapper a {
  padding: 8px;
  width: 33%;
  background: #fff;
  border-radius: 6px;
  display: none;
}
.languagesFilterWrapper a > svg.flip {
  transform: rotate(180deg);
}
.modesWrapper {
  display: flex;
  align-items: center;
  background: #fff;
  z-index: 5;
  position: sticky;
  top: 55px;
  overflow: hidden;
  padding: 0 15px;
}
.howParaRewriterWork .modesWrapper {
  position: unset !important;
}
.modesMoreLessToggler {
  position: absolute;
  color: #05ada3;
  text-decoration: underline;
  height: 100%;
  text-align: right;
  align-items: center;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  display: none;
  gap: 3px;
  transition: 0.3s;
}
.modesMoreLessToggler svg {
  transform: translateY(2px);
}
.browseBtn,
.faq-accord-card-body .answerInner a,
.modesMoreLessToggler:hover,
.otherBlogsWrapper a,
.reviews__head__Wrapper p.secDesc a:hover {
  text-decoration: none;
  display: inline;
}
.modesWrapper a{
  padding: 13px 15px 12px;
}
.modesWrapper a {
  font-size: 14px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px 4px 0 0;
}
.modesWrapper a.active span {
  font-weight: 500;
}
.modesWrapper p {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
}
.modesWrapper a.active {
  color: #05ada3;
  font-weight: 500;
  border-bottom: 2px solid #05ada3;
}
.modesWrapperMob {
  display: none;
  position: relative;
}
.backBtn {
  background: #fff;
  border: 1px solid #05ada3;
  border-radius: 8rem;
  outline: 0;
  max-width: 83px;
  width: 100%;
  height: 32px;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 18px;
  color: #05ada3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.backBtn:hover {
  background: #05ada3;
  color: #fff;
}
.paraphraserTop {
  margin-bottom: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e2e8f0;
}
.functionsSec .secDesc,
.secPara {
  margin: 10px auto 0;
  text-align: center;
}
.paraDownSec {
  padding: 6px 0 30px;
  text-align: center;
  background: #fff;
}
.paraDownSec a:hover svg path {
  fill: #000;
}
.specsSec {
  padding: 100px 0 60px;
}
.faqSec,
.functionsSec,
.whoSec,
.whyusSec {
  padding: 70px 0;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.functionsCol,
.highlightsWrapper.flex,
.nlpWrapper.flex,
.usersWrapper.flex {
  align-items: start;
}
.secHead {
  color: #000;
  font-size: 27px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.contentWrapper h3,
.contentWrapper p,
.contentWrapper > span,
.secPara {
  color: #3f3f3f;
  line-height: 155.187%;
  font-size: 14px;
}
.secHead.lineHead {
  position: relative;
  text-align: left;
}
.secPara {
  max-width: 728px;
}
.singleFunction,
.specsContent h2 {
  margin-bottom: 40px;
}
.specsContent {
  max-width: 600px;
}
.nlpSec .contentWrapper p,
.specsContent p {
  margin-top: 14px;
}
.tableWrapper::before {
  position: absolute;
  content: "";
  width: 275px;
  height: 275px;
  background: url(../images/table-bg.svg) 0 0 / cover;
  left: -26px;
  top: -66px;
  z-index: -1;
}
.tableWrapper.tableCol {
  max-width: 515px;
  width: 100%;
}
.tableOuter {
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  overflow: hidden;
}
table.modesTable {
  border-collapse: collapse;
}
table.modesTable td {
  border: 1px solid #e2e8f0;
  padding: 13px 15px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
}
table.modesTable td span {
  transform: translateX(-2px);
}
table.modesTable tr td:first-child {
  border-top: none;
  border-left: none;
}
table.modesTable tr td:last-child {
  border-top: none;
  border-right: none;
}
.functionsSec .secDesc {
  max-width: 688px;
}
.functionsWrapper > div {
  max-width: 526px;
}
.highlightsWrapper,
.usersWrapper {
  margin-top: 60px;
}
.singleFunction .imgWrapper {
  width: 106px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #05ada3;
  background: rgba(177, 227, 225, 0.21);
}
.singleFeature-icon img,
.singleFunction .imgWrapper img {
  max-width: 50px;
  width: 100%;
  max-height: 50px;
  height: 100%;
}
.singleFunction {
  gap: 20px;
}
.highlightsWrapper div .singleFunction:last-child,
.usersWrapper div .singleFunction:last-child {
  margin-bottom: 0;
}
.functionData {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.functionData .functionName {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 120.187%;
}
.whyusSec {
  background: #f4faf9e0;
}
.whyusSec .secDesc {
  text-align: center;
  margin: 10px 0 60px;
}
.whyusPointsWrapper {
  justify-content: center;
  gap: 20px;
}
.singlePoint {
  padding: 22px 18px;
  border-radius: 4px 6px 0 4px;
  border: 1px solid #f8f8f8;
  box-shadow: 0 0 21px 0 rgba(225, 224, 224, 0.21);
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 376px;
  position: relative;
  background: #fff;
  width: 100%;
  min-height: 159px;
  height: 100%;
  transition: transform 0.3s;
}
.bgSec,
.howtoDiv {
  background: rgba(244, 250, 249, 0.88);
}
.singlePoint:hover {
  transform: scale(1.05);
}
.singlePoint p {
  position: relative;
  z-index: 2;
}
.singlePoint .pointName {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 120.187%;
  max-width: 284px;
}
.essayWriterWrapper h2,
.howtoDiv .boxHead {
  color: #0f172a;
  font-size: 24px;
  text-align: center;
}
.singlePoint p:last-child {
  min-height: 65px;
}
.whyBotText {
  text-align: center;
  margin-top: 12px;
}
.nlpSec {
  padding: 50px 0;
}
.nlpWrapper .secHead {
  max-width: 254px;
}
.nlpSec .contentWrapper {
  max-width: 779px;
}
.nlpSec .contentWrapper p:first-child {
  margin-top: 0;
}
.highlightsSec,
.workSec {
  padding: 160px 0;
}
.highlightsSec .secDesc {
  text-align: center;
  margin: 10px 0 0;
}
.singleFunction.singleHighlight {
  border-radius: 6px;
  border: 1px solid #d4efed;
  gap: 0 !important;
}
.review_Card:hover,
.singleFunction.singleHighlight:hover,
.singleFunction.singleUser:hover {
  border: 1px solid #05ada3;
}
.singleHighlight .imgWrapper {
  height: 134px;
  border: none;
  border-radius: 0;
  width: 86px;
  border-right: 1px solid #d4efed;
}
.singleHighlight .imgWrapper img {
  max-width: 46px;
  max-height: 46px;
}
.singleHighlight .functionData {
  max-width: 450px;
  padding: 0 20px;
}
.whoSec .secDesc {
  text-align: center;
  margin: 10px auto 0;
  max-width: 728px;
  color: #3f3f3f;
  line-height: 155.187%;
  font-size: 14px;
}
.singleFunction.singleUser {
  border-radius: 6px;
  border: 1px solid #d4efed;
  align-items: start;
  gap: 0;
  min-height: 143px;
}
.singleFunction.singleUser .imgWrapper {
  width: 66px;
  height: 62px;
  border: 1px solid #d4efed;
  background: rgba(177, 227, 225, 0.21);
  border-top: none;
  border-left: none;
  border-radius: 0;
}
.singleFunction.singleUser .imgWrapper img {
  max-width: 38px;
  max-height: 38px;
}
.singleUser .functionData {
  padding: 18px 16px;
  max-width: 470px;
}
.singleUser .contentWrapper span {
  font-size: 13px;
}
.magicText {
  text-align: center;
  margin-top: 32px;
}
.howContent {
  max-width: 672px;
}
.faq-card,
.faqWraper {
  max-width: 717px;
}
.specsWrapper.flex {
  gap: 30px;
}
.workRight {
  flex-grow: 1;
}
.workRight .singlePoint {
  padding: 53px 22px 27px 18px;
}
.workRight .singlePoint p:last-child {
  min-height: unset;
}
.workRight .singlePoint:last-child {
  margin: 13px 0 0 auto;
}
.workRight::before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 325px;
  height: 325px;
}
.faqWraper {
  margin: 40px auto 0;
}
.col-cstm a:hover,
.faq-accord-card-body .answerInner a:active,
.reviewPara a:hover {
  text-decoration: underline;
}
.specsSec .secHead {
  max-width: 499px;
}
.howtoDiv {
  padding: 70px 0;
}
.howtoDiv .boxHead {
  margin-bottom: 15px;
}
.howtoSteps {
  max-width: 540px;
  margin: 60px auto 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.singleStep {
  flex-wrap: nowrap;
  min-height: 116.5px;
  padding: 15px 10px 16px 15px;
  background: linear-gradient(to right, #fff, #fff),
    linear-gradient(33.57deg, #ff51d7 -10.09%, #24c7bd 0, #046761 100%),
    rgba(244, 250, 249, 0.88);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 15px;
  border: 2px solid transparent;
  justify-content: start;
  gap: 20px;
}
.tipsDesc {
  color: #435b8c;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
.singleStep .stepNum,
.stepNum {
  line-height: normal;
  color: #121826;
}
.stepNum {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.singleStep .stepNum {
  font-size: 18px;
  padding-top: 0;
}
.stepContent {
  padding-left: 15px;
  border-left: 2px solid #bcd4e8;
}
.stepContent h3:first-child,
.stepContent p:first-child {
  color: #121826;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  padding-top: 0;
}
.stepContent p:last-child {
  font-size: 13px;
  margin-top: 7px;
  text-align: left;
  padding-top: 0;
}
.greyPinkDiv2 .textExample p:first-child,
.textExample p:first-child {
  font-size: 15px;
  font-weight: 500;
}
.howParaRewriterWork {
  padding: 70px 0 0;
  background: 0 0;
}
.essayWriterWrapper h2 {
  max-width: fit-content;
  margin: 0 auto;
}
.howParaRewriterWork .learningDiv p {
  padding-top: 30px;
  padding-bottom: 60px;
  max-width: 756px;
  margin: 0 auto;
}
.contentSec p {
  color: #4c5966;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}
.btm-desc {
  color: #64748B;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  max-width: 632px;
  width: 100%;
  margin: 0 auto;
}
.btm-desc a{
  color: #05ada3;
  text-decoration: underline;
}
.btm-desc a:hover{
text-decoration: none;
}
.learningDiv p {
  margin-bottom: 20px;
}
.greyPinkDiv {
  margin: 60px auto 100px;
  padding: 17px;
  max-width: 592px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 19px 0 rgba(75, 74, 74, 0.25);
}
.greyPinkDiv2 {
  margin: 50px auto;
  max-width: 938px;
}
.contentSec .greyPinkDiv2 p {
  text-align: left;
}
.greyPinkDiv2 .textExample p:nth-child(n + 2) {
  font-size: 14px;
  font-weight: 400;
}
.textExample {
  padding: 12px 16px;
  border-radius: 3px;
  background: rgba(221, 221, 221, 0.32);
}
.textExample p:first-child {
  color: #121826;
  line-height: 150%;
  margin-bottom: 5px;
}
.textExample:last-child {
  background: rgb(5 173 163 / 8%);
  margin-top: 15px;
}
.normalContentWrapper h2 {
  color: #0f172a;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.normalContentWrapper p {
  max-width: 756px;
  margin: 0 auto;
  text-align: left;
  padding-top: 15px;
  font-size: 16px;
  line-height: 150%;
  color: #64748b;
}
.reviews__head__Wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.reviews__head__Wrapper h2.secHead {
  max-width: 886px;
  width: 100%;
  font-weight: 500;
  font-size: 27px;
  line-height: 150%;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
  z-index: 1;
}
.reviews__head__Wrapper h2.secHead span {
  font-weight: 500;
  color: #05ada3;
}
.reviews__head__Wrapper p.secDesc {
  max-width: 544px;
  width: 100%;
  font-weight: 400;
  font-size: 17px;
  line-height: 160%;
  text-align: center;
  color: #000;
  margin-bottom: 37px;
  z-index: 1;
}
.reviews__head__Wrapper p.secDesc a {
  color: #05ada3;
  text-decoration: underline;
}
.reviews__head__Wrapper .reviews_ratings {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-bottom: 81px;
  z-index: 1;
}
.ratingsVal {
  max-width: 191px;
  width: 100%;
  max-height: 42px;
  height: 100%;
}
.reviews__head__Wrapper .reviews_ratings img {
  max-width: 580px;
  width: 100%;
  height: 100%;
  max-height: 38px;
}
.reviewer__Details .reviewer_img,
.reviewer__Details .reviewer_img img {
  max-width: 38px;
  width: 100%;
  max-height: 38px;
  height: 100%;
}
#toneWrapper,
.reviews__head__Wrapper .reviews_ratings img.mob {
  display: none;
}
.reviews__Cards__Section {
  color: #fff;
  margin-top: -342px;
}
.review_Card_Wrapper {
  display: flex;
  column-gap: 24px;
  row-gap: 24px;
  width: 100%;
  justify-content: center;
  margin-top: 100px;
}
.review_Card {
  max-width: 374px;
  width: 100%;
  background: linear-gradient(180deg, #ecf9f7 0, #f1fbfb 100%), #fff;
  border: 1px solid #cef3f1;
  box-shadow: 0.944265px 0.944265px 14px 40px rgba(0, 0, 0, 0.0003);
  border-radius: 11.3312px;
  padding: 30px 20px;
}
.reviewer__Details {
  display: flex;
  column-gap: 11px;
  align-items: center;
  margin-bottom: 26px;
}
.reviewer__Details .reviewer_img {
  border-radius: 100px;
  overflow: hidden;
}
.reviewer__Details .reviewer_desc .reviewer_name {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  margin-bottom: 3px;
}
.reviewer__Details .reviewer_desc p {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #3f3f3f;
  padding-top: 0 !important;
}
.reviewer__Review {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 33px;
}
.reviewer__Review .reviewer__Review__Title h2 {
  font-weight: 600;
  font-size: 19px;
  line-height: 140%;
  color: #000;
}
.reviewer__Review .reviewer__Review__Para p {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  color: #3f3f3f;
}
.reviewer__Education p {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #3f3f3f;
}
.keepReading {
  padding-top: 50px;
  width: calc(100% - 56px);
  padding-bottom: 50px;
  background: #f4faf9e0;
}
.read-none {
  display: none !important;
}
.cardWrapper.light .blogCardHead span {
  color: rgba(255, 255, 255, 0.5);
}
.otherBlogsWrapper::-webkit-scrollbar {
  height: 5px;
}
.otherBlogsWrapper::-webkit-scrollbar-thumb,
.relatedblogwrap::-webkit-scrollbar-thumb {
  background: #05ada3;
  border-radius: 10px;
}
.otherBlogsWrapper::-webkit-scrollbar-track,
.relatedblogwrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #cec8c8;
  border-radius: 10px;
}
.otherBlogsWrapper::-webkit-scrollbar,
.relatedblogwrap::-webkit-scrollbar {
  width: 5px;
}
.cardWrapper.light .blogCard p {
  color: #fff;
}
.light {
  color: #fff !important;
}
.cate-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  max-width: 140px;
}
.otherBlogsWrapper {
  width: 100%;
  display: flex;
  column-gap: 20px;
  padding-bottom: 24px;
  white-space: nowrap;
  overflow-x: auto;
}
.otherBlogsWrapper a {
  display: block;
  background: #1d4844;
  border-radius: 7px;
  padding: 12px 16px;
  max-width: 27%;
  width: 100%;
  flex: 0 0 27%;
}
.keepReading h2 {
  text-align: left;
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
  line-height: 150%;
  color: #1e2532;
  padding-bottom: 24px;
}
.blogCardHead span,
.browseBtn {
  font-style: normal;
  line-height: 23px;
}
.blogCardHead {
  display: flex;
  align-items: center;
  column-gap: 6px;
  position: relative;
}
.blogCardHead span {
  font-weight: 400;
  font-size: 15px;
  color: rgba(15, 20, 30, 0.44);
}
.keepReading .blogCard {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blogCard p {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 33px;
  color: #0f141e;
  padding-top: 8px;
  margin-bottom: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  white-space: break-spaces;
}
.col-cstm a,
.reviewPara a {
  color: #05ada3;
}
.browseBtn {
  font-weight: 500;
  font-size: 19px;
  color: #656e83;
  display: block;
}
.blogCard img {
  display: block;
  width: 100%;
  min-height: 282px;
  height: 100%;
  object-fit: cover;
}
.textPara {
  margin-top: 10px;
}
.reviewPara {
  margin-top: 40px;
  text-align: center;
}
.modesContent.modesWrapper {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.btnRight:hover:after {
  content: "Clear recent outputs.";
}
.outputBody {
  position: unset;
}
.col-cstm a {
  display: block;
  max-width: max-content;
  margin: 30px auto auto;
}
.modesBtnsWrapper {
  display: flex;
  align-items: center;
}
.modesBtnsWrapper a.active {
  order: 0;
}
.modesBtnsWrapper a {
  order: 1;
}
.select2-dropdown {
  z-index: 2;
}
.essayWriterWrapper {
  margin-right: 0;
}
.modesDropdownWrapper a.selected {
  background: #05ada3;
  color: #fff;
  border-radius: 0;
}
.feature-wrapper {
  max-width: 1092px;
  width: 100%;
  margin: 60px auto 0;
  display: flex;
  justify-content: flex-start;
  row-gap: 40px;
  column-gap: 60px;
  flex-wrap: wrap;
}
.single-feature {
  max-width: 516px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.singleFeature-icon {
  max-width: 106px;
  width: 100%;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.24px;
  border: 1px solid #05ada3;
  background: #b1e3e136;
}
.singleFeature-content h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 20.43px;
  text-align: left;
  color: #000;
  margin-bottom: 8px;
}
.singleFeature-content span {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #3f3f3f;
}
.singleFeature-content span span {
  font-weight: 600;
}
/* video css */
.video-add {
  max-width: 705px;
  width: 100%;
  margin: 60px auto 0;
  position: relative;
}
.video-img {
  display: block;
  width: 100%;
  height: auto;
}
.play-btn {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.play-btn, .view-video:before {
  top: 50%;
  left: 50%;
}
.play-btn img {
  max-width: 58px;
  width: 100%;
  max-height: 58px;
  height: 100%;
}
.video-iframe {
  /* display: none; */
  overflow: hidden;
  max-width: 705px;
  width: 100%;
  height: 382px;
}
.video-iframe, .video-iframe iframe {
  border-radius: 15px;
  background: #000;
}
#output-loader, .play-btn, .textareaActionWrapper, .view-video:before, .workRight::before {
  transform: translate(-50%, -50%);
}.play-btn:hover img, .view-video:hover {
  transform: scale(1.04);
}
.view-video {
  max-width: max-content;
  width: 100%;
  border: .75px solid #05ada3;
  background: linear-gradient(180deg, #83e7e1 0, #02524d 100%);
  cursor: pointer;
  border-radius: 100px;
  position: absolute;
  right: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .1s;
  z-index: 1;
  top: 14px;
}
.view-video:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100px;
  animation-name: rippleAnimation;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  z-index: -1;
}
@keyframes rippleAnimation {
  0% {
    box-shadow: 0 0 0 0 #7ac0bb;
  }
  100% {
    box-shadow: 0 0 0 15px transparent;
  }
}
.view-video-img {
  padding: 4px 4px 4px 8px;
}
.view-video p {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.52px;
  text-align: left;
  padding: 4px 8px 4px 4px;
  color: #fff;
}
.view-video span {
  height: 30px;
  width: 1px;
  transform: rotate(179deg);
  background: linear-gradient(90deg, #3dbab3 31.25%, #045550 100%);
}
/* video css */
.essayWriterWrapper.top{
  padding-top: 40px;
}
div.splitter{
  height: 45px;
}
.faqSec .secDesc{
  text-align: center;
  margin: 10px auto 0;
  max-width: 728px;
  color: #3f3f3f;
  line-height: 155.187%;
  font-size: 14px;
}
@media (max-height: 768px) AND (min-width: 1200px) {
  .inputGroup textarea {
    min-height: unset;
    height: 50vh;
  }
  #history-tab,
  #new-outputs {
    min-height: calc(100vh - 327px);
  }
  .formWrapper {
    min-height: calc(100vh - 210px);
  }
}
@media (max-width: 1418px) {
  .keepReading .container {
    padding: 0 40px;
  }
  .specsContent {
    max-width: 540px;
  }
  .functionData {
    max-width: 390px;
  }
  .singleHighlight .functionData {
    max-width: 430px;
  }
  .singleUser .functionData {
    max-width: 450px;
  }
  #history-tab,
  #new-outputs {
    max-height: calc(100vh - 217px);
    min-height: unset;
  }
}
@media (max-width: 1367px) {
  .formWrapper {
    min-height: calc(100vh - 200px);
  }
  #history-tab,
  #new-outputs {
    max-height: calc(100vh - 250px);
  }
  .sentenceJumperWrapper{
    bottom: 87px;
  }
}
@media (max-width: 1365px) {
  .specsWrapper.flex {
    justify-content: center;
    gap: 100px;
  }
  .specsSec {
    padding: 60px 0;
  }
  .functionsWrapper,
  .highlightsWrapper.flex,
  .usersWrapper.flex {
    justify-content: center;
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .languagesFilterWrapper .hideAfter {
    display: none;
  }
  .languageDropdownWrapper a:nth-child(n-3) {
    display: block;
  }
  .languageDropdownWrapper {
    bottom: -273px;
    right: -182px;
  }
  .specsContent {
    max-width: 456px;
  }
  .functionData {
    max-width: 350px;
  }
  .singlePoint {
    max-width: 45%;
    width: 100%;
  }
  .whyusPointsWrapper {
    justify-content: center;
    gap: 20px;
  }
  .flexWrapper,
  .review_Card_Wrapper {
    flex-wrap: wrap;
  }
  .nlpSec .contentWrapper {
    max-width: 700px;
  }
  .singleHighlight .functionData {
    max-width: 386px;
  }
  .singleUser .functionData {
    max-width: 403px;
  }
  .singleUser .contentWrapper p {
    min-height: 100px;
  }
  .wrapperRight {
    width: calc(100% - 230px);
  }
  .flexWrapper {
    justify-content: center !important;
    gap: 36px;
  }
  .keepReading .container {
    padding: 0 32px;
  }
  .otherBlogsWrapper {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
  }
  .otherBlogsWrapper a {
    flex: 0 0 30%;
  }
}
@media (max-width: 991px) {
  .essayWriterBodyWrapper {
    padding: 0 15px 20px;
  }
  .modesWrapper {
    overflow-x: auto;
  }
  .modesWrapper::-webkit-scrollbar {
    width: 6px;
    height: 2px;
  }
  .modesWrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .modesWrapper::-webkit-scrollbar-thumb {
    background: #bbb9b9;
    border-radius: 8px;
  }
  .modesWrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .essayWriterOutput {
    min-height: 600px;
  }
  .reviews_ratings {
    flex-direction: column;
    align-items: center;
  }
  .otherBlogsWrapper a {
    max-width: 48%;
    flex: 0 0 48%;
  }
  .otherBlogsWrapper {
    flex-wrap: nowrap;
    justify-content: start;
  }
}
@media (max-width: 802px) {
  .reviews__head__Wrapper .reviews_ratings {
    margin-bottom: 97px;
  }
}
@media (max-width: 767px) {
  .wrapperRight {
    width: 100% !important;
  }
  .modesWrapperMob {
    display: flex;
    overflow-x: visible;
  }
  .modesWrapperDsktp {
    display: none;
  }
  .modesWrapper a {
    width: 100%;
    min-width: 124px;
    justify-content: center;
  }
  .modesDropdownWrapper {
    display: none;
    bottom: -379px;
    padding: 0;
  }
  .modesDropdownWrapper.show {
    display: flex;
  }
  .modesDropdownWrapper a {
    justify-content: start;
  }
  #outerMode svg.flip {
    transform: rotate(180deg);
  }
  .keepReading .container {
    padding: 0 20px;
    max-width: 570px;
    margin: 0 auto;
  }
  .greyPinkDiv2 img {
    width: 100%;
    height: 100%;
  }
  .modesWrapper {
    overflow: unset;
    top: 0;
  }
}
@media (max-width: 575px) {
  .highlightsWrapper .flex,
  .highlightsWrapper.flex {
    gap: 25px;
  }
  .tableWrapper::before {
    content: unset;
  }
  .specsWrapper.flex {
    gap: 50px;
  }
  .essayWriterBodyWrapper {
    padding: 0 0 20px;
  }
  .formWrapper {
    min-height: calc(100vh - 315px);
    padding: 25px 10px 30px;
  }
  #downloadBtn:hover::before {
    content: unset !important;
  }
  .contentSec p,
  .generateEssayBtn .btnText,
  .inputGroup textarea,
  .modesWrapper a,
  .modesWrapper p {
    font-size: 14px;
  }
  .inputGroup textarea::placeholder {
    color: #858585;
    font-size: 14px;
  }
  .history.withData,
  .newOutputs.withData {
    padding: 25px 10px 40px;
  }
  .generatedEssay {
    padding-top: 0;
  }
  .backBtn,
  .content-img,
  .languagesFilterWrapper .PortugueseDsktp {
    display: none;
  }
  .sentenceJumperBtns a {
    padding: 1px 4px;
    max-height: 20px;
  }
  .sentenceJumperBtns a svg {
    width: 12px;
  }
  .outputInfoWrapper * {
    font-size: 13px;
  }
  .essayWriterWrapper h2 {
    font-size: 22px;
  }
  .generateEssayBtn {
    padding: 5px 20px;
    line-height: 100%;
  }
  #generate-essay-processing-btn {
    height: 32px;
    display: flex;
    align-items: center;
  }
  .generate-essay-processing svg {
    height: 18px;
  }
  .languageDropdownWrapper {
    right: 0;
  }
  .languagesFilterWrapper,
  .singlePoint {
    max-width: 100%;
  }
  .content-mob-img,
  .languagesFilterWrapper .PortugueseMob {
    display: block;
  }
  .keepReading h2,
  .secHead {
    font-size: 21px;
  }
  .specsSec {
    padding: 40px 0 50px;
  }
  .paraphraserTop,
  .specsContent h2 {
    margin-bottom: 30px;
  }
  table.modesTable td {
    padding: 13px 5px;
  }
  table.modesTable tr td:first-child {
    min-width: 105px;
  }
  .singleFunction .imgWrapper {
    min-width: 50px;
    height: 50px;
  }
  .singleFunction {
    gap: 10px;
    flex-wrap: nowrap;
    align-items: start;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .col-cstm a {
    font-size: 15px;
  }
  .faqSec,
  .keepReading,
  .whyusSec {
    padding: 40px 0;
  }
  .nlpSec .contentWrapper p:first-child {
    margin-top: 30px;
  }
  .highlightsSec {
    padding: 50px 0 60px;
  }
  .singleHighlight .functionData {
    padding: 15px 20px;
  }
  .singleHighlight .imgWrapper {
    border-bottom: 1px solid #d4efed;
  }
  .singleFunction.singleUser .imgWrapper img {
    max-width: 30px;
    max-height: 30px;
  }
  .fileLabel {
    flex-basis: 100%;
  }
  .ewBtns {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .greyPinkDiv2 {
    max-width: 412px;
    margin: 20px auto 0;
  }
  .reviews__head__Wrapper h2.secHead {
    font-size: 28px;
    line-height: 130%;
  }
  .toolsBtnsWrapper {
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .otherBlogsWrapper {
    column-gap: 18px;
    white-space: unset;
  }
  .otherBlogsWrapper a {
    max-width: 47%;
  }
  .blogCard img {
    min-height: 157px;
  }
  .blogCard p {
    font-size: 16px;
    line-height: 19px;
  }
  .blogCardHead span {
    font-size: 14px;
    line-height: 16px;
  }
  .mpad {
    padding-bottom: 30px;
  }
  #toneWrapper {
    margin-top: 40px;
  }
  .modesWrapper.modesContent {
    flex-direction: unset !important;
    justify-content: start !important;
    padding: 0 15px 20px !important;
    overflow-x: scroll !important;
    flex-wrap: nowrap;
  }
  .paraphraserHead {
    font-size: 24px;
  }
  .keepReading {
    width: 100%;
  }
  .col-cstm a,
  .flexContent p.flexDesc a,
  .reviewPara a {
    text-decoration: underline;
  }
  .reviewPara {
    margin-top: 25px;
  }
  .usersWrapper.flex {
    gap: 25px;
    font-size: 15px;
  }
  .howParaRewriterWork .learningDiv p {
    padding-top: 10px;
  }
  .highlightsWrapper .singleFunction .imgWrapper {
    min-width: 70px;
    min-height: 173px;
  }
  .functionData .functionName {
    font-size: 16px;
    line-height: 150%;
  }
  .feature-wrapper {
    max-width: 360px;
    width: 100%;
    margin: 60px 0 0;
    row-gap: 30px;
  }
  .single-feature {
    max-width: 359px;
  }
  .singleFeature-icon {
    max-width: 79px;
    width: 100%;
    height: 84px;
  }
  .singleFeature-icon img {
    width: 37.5px;
    height: 37.5px;
  }
  .singleFeature-content h3 {
    font-size: 14px;
    line-height: 16.83px;
  }
  .singleFeature-content span {
    font-size: 13px;
    line-height: 20.8px;
  }
  .essayWriterWrapper.top {
    padding-top: 60px;
  }
  .video-add {
    max-width: 384px;
    width: 100%;
    margin: 50px auto 30px;
  }
  .play-btn img {
      width: 48px;
      height: 48px;
  }
  .video-add iframe {
      width: 100%;
      height: 208px;
  }
  .video-iframe {
    height: 100%;
  }
  .faqSec .faq-accord-card-head h3{
    padding-right: 0;
  }
}