a {
  cursor: pointer;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.essayWriterWrapper {
  width: 100%;
  margin-left: auto;
  background: #F8FAFC;
  padding: 30px 0;
}
.essayWriterWrapper.secTop{
  padding-top: 0;
}

.essayWriterBody {
  width: 100%;
  display: flex;
}

.essayWriterInput,
.essayWriterOutput {
  max-width: 50%;
  width: 100%;
}

.essayWriterInput {
  border-right: 1px solid #E2E8F0;
}

.formWrapper {
  padding: 30px 24px 65px;
  background-color: #F8FAFC;
}

.inputHead {
  padding: 15px 0 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  column-gap: 20px;
  border-bottom: 1px solid #E2E8F0;
}

#limitExceed {
  display: none;
}

.headText h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: #0F172A;
  padding-bottom: 3px;
}

.inputHead img {
  display: block;
}

.headText p {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #64748B;
}

.formWrapper,
.essayWriterForm {
  width: 100%;
}


.essayInfo {
  padding: 44px 0 0;
  max-width: 580px;
  margin: 0 auto;
}

.inputGroup {
  position: relative;
}

.inputGroup input,
.inputGroup select,
.inputGroup textarea {
  display: block;
  padding: 13px 40px 15px 20px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #DADCE0;
  border-radius: 3px;
  outline: none;
  color: #202124;
  font-size: 16px;
  max-height: 50px;
  position: relative;
  --webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* .inputGroup input::placeholder, .inputGroup textarea::placeholder{
    visibility: hidden;
} */
.inputGroup input:hover {
  box-shadow: 0px 0px 6px -4px rgba(0, 0, 0, 0.5);
}

.inputGroup textarea:hover {
  box-shadow: 0px 0px 6px -4px rgba(0, 0, 0, 0.5);
}

.inputGroup.selectGroup .selection .select2-selection--single:hover {
  box-shadow: 0px 0px 6px -4px rgba(0, 0, 0, 0.5);
}

.inputGroup label {
  display: flex;
  align-items: flex-start;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #0F172A;
  margin-bottom: 8px;
}

.inputGroup label .toolTip {
  display: block;
  padding-left: 5px;
  cursor: pointer;
}

.tipText {
  background: #262F3D;
  border-radius: 5px;
  padding: 8px;
  color: #fff;
  position: absolute;
  width: 328px;
  top: -55px;
  left: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  display: none;
}

#dislikeBtn:hover::before {
  position: absolute;
  content: 'Not for you?';
  font-size: 10px;
  min-width: max-content;
  background-color: #000;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: 38px;
  z-index: 99999999999;
  background: #262F3D;
  border-radius: 5px;
  right: 0;
  text-align: center;
}

#likeBtn:hover::before {
  position: absolute;
  content: 'Good Response ';
  font-size: 10px;
  min-width: max-content;
  background-color: #000;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: 38px;
  z-index: 99999999999;
  background: #262F3D;
  border-radius: 5px;
  right: 0;
  text-align: center;
}

#downloadBtn:hover::before {
  position: absolute;
  content: 'Download';
  font-size: 10px;
  min-width: max-content;
  background-color: #000;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: 38px;
  z-index: 99999999999;
  background: #262F3D;
  border-radius: 5px;
  right: 0;
  text-align: center;
}

#copyBtn:hover::before {
  position: absolute;
  content: 'Copy';
  font-size: 10px;
  min-width: max-content;
  background-color: #000;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: 38px;
  z-index: 99999999999;
  background: #262F3D;
  border-radius: 5px;
  right: 0;
  text-align: center;
}

div#tip-essay-topic,
.tip-bottom {
  top: 20px;
}

div.tip-bottom {
  top: 20px !important;
}

div#tip-pages,
div#tip-additional-info,
div#tip-sources,
div#tip-citation,
.tip-select {
  top: -75px;
}

div#tip-sources.down {
  top: -55px;
}

.inputGroup input:focus+label.forIn,
.inputGroup input:not(:placeholder-shown)+label.forIn,
.inputGroup textarea:focus+label.forIn,
.inputGroup textarea:not(:placeholder-shown)+label.forIn {
  left: 15px;
  top: -8px;
  padding: 0 5px;
  background: #fff;
  font-size: 12px;
  color: #05ada3;
}

.inputGroup input:focus {
  border: 1.5px solid #05ada3;
}

.errorMsg {
  font-size: 13px;
  line-height: 21px;
  letter-spacing: -0.008em;
  color: #DF4D4D;
  position: relative;
  margin-top: 8px;
  padding-left: 28px;
  display: none;
}

span.required {
  color: #DF4D4D;
}

.selectGroup::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid #333638;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 25px;
  top: 0;
  pointer-events: none;
  transform: translateY(45px);
}

.characterCount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 7px;
  position: absolute;
  right: 0;
}

.characterCount span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #64748B;
}

/* Select 2 start */

.selection .select2-selection--single {
  max-height: 50px;
  min-height: 48px;
  padding: 13px 40px 15px 20px;
  border: 1.5px solid #DADCE0;
}

.selection .select2-selection--single[aria-expanded='true'],
.select2-invalid .selection .select2-selection--single[aria-expanded='true'],
.select2-valid .selection .select2-selection--single[aria-expanded='true'] {
  border: 2px solid #05ada3;
}

.select2-invalid.select2-container--default .select2-selection--single {
  border: 2px solid #DF4D4D;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

.selection .select2-selection--single .select2-selection__rendered {
  line-height: 20px;
  color: #5f6368;
}

.select2-valid .selection .select2-selection--single .select2-selection__rendered {
  color: #202124;
}

#time+.select2 .selection .select2-selection--single {
  font-size: 13px;
  padding: 13px 0;
  margin: 0;
  height: 50px;
}

#time+.select2 .selection .select2-selection--single .select2-selection__rendered {
  color: #5f6368;
  padding-right: 0;
  text-align: center;
}

#time+.select2 {
  width: 75px !important;
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-x: hidden;
}

.select2-container--default .select2-results__option--disabled {
  display: none;
  font-size: 13px;
}

.selection .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background: #fff;
}

.select2-search--dropdown {
  padding: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #05ada3;
}

/* Select2 End */

.pageInput {
  position: relative;
  display: flex;
  align-items: center;
}

.pageInput input {
  max-width: 152px;
  text-align: center;
  padding: 16px 20px;
  margin: 0 5px;
  font-size: 18px;
  line-height: 21px;
}

.pageInput a {
  display: inline-block;
  padding: 12px;
  border: 1px solid #E6E6E6;
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  min-width: 46px;
}

.pageInput a[disabled] svg path {
  fill: #E6E6E6;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputGroup textarea {
  resize: none;
  max-height: 182px;
}


.inputGroup input.invalid,
.inputGroup select.invalid,
.inputGroup textarea.invalid {
  border: 2px solid #DF4D4D;
}

input.invalid~.errorMsg,
select.invalid~.errorMsg,
.inputGroup textarea.invalid~.errorMsg {
  display: block;
}

.errorMsg::before {
  position: absolute;
  content: '';
  width: 19px;
  height: 19px;
  left: 0;
  top: 0;
  background: url(../png/error-sign-new-2.png);
  background-repeat: no-repeat;
}

.doubleInputs {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: flex-start;
}

.doubleInputs .inputGroup {
  margin-bottom: 0;
  flex-grow: 1;
}

.loaderOuter {
  width: 100%;
  padding: 2px;
  border: 2px solid #05ada3;
  border-radius: 20px;
  height: 28px;
  margin: 10px auto 0;
  position: relative;
}










/*-------------------------------------------*/
.essayInfo {
  padding: 0;
}

.formWrapper {
  height: calc(100vh - 183px);
  overflow-y: scroll;
}


.formHead {
  font-weight: 500;
  font-size: 17px;
  line-height: 120.19%;
  color: rgba(33, 61, 86, 0.87);
  margin-bottom: 25px;
}

.inputGroup input,
.inputGroup select,
.inputGroup textarea {
  padding: 15px 40px 15px 15px;
  max-height: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120.19%;
  /* color: #858585; */
}

.inputGroup textarea {
  max-height: 100%;
}

.inputGroup textarea::placeholder{
  font-size: 14px;
}
.specsSec.pad{
  padding: 78px 0 0px;
} 
section.essayWriterWrapper.pad-none{
  padding-top: 0;
}
.inputGroup input:focus+label.forIn,
.inputGroup input:not(:placeholder-shown)+label.forIn,
.inputGroup textarea:focus+label.forIn,
.inputGroup textarea:not(:placeholder-shown)+label.forIn {
  left: 8px;
  color: #05ADA3;
}

.inputGroup {
  margin-bottom: 20px;
}

.inputGroup.mt-4 {
  margin-bottom: 35px;
}

.inputGroup input:focus,
.selection .select2-selection--single[aria-expanded='true'],
.select2-invalid .selection .select2-selection--single[aria-expanded='true'],
.select2-valid .selection .select2-selection--single[aria-expanded='true'] {
  border: 0.724389px solid #05ADA3;
}

.selection .select2-selection--single {
  min-height: 40px;
  padding: 12px 40px 12px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  line-height: 120.19%;
  color: #858585;
}

.select2-valid .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  color: #000;
}

.pageInput a {
  width: 46px;
  height: 46px;
}

.pageInput input {
  padding: 15px 10px 15px 15px;
}

.doubleInputs .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
}

.selectGroup::after {
  right: 15px;
}

.ewBtns {
  padding: 22px 24px 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#file-id {
  display: none;
}
.clearFields {
  display: flex;
  align-items: center;
  column-gap: 6px;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #475569;
  max-width: 115px;
  width: 100%;
  padding: 7px 0;
  cursor: pointer;
}

.clearFields.underline{
  border: none;
  text-decoration: underline;
}
.clearFields.underline:hover{
  border: none;
  color: #05ada3;
}

.clearFields:hover {
  border: 2px solid #E2E8F0;
}

.generateEssayBtn {
  padding: 10px 24px;
  outline: none;
  border: none;
  display: block;
  cursor: pointer;
  max-width: max-content;
  border-radius: 5px;
  position: relative;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(180deg, #24C7BD 0%, #046761 100%);
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  width: 100%;
}

.generateEssayBtn:hover {
  background: linear-gradient(180deg, #47B5AE 0%, #133836 100%);
}

.generateEssayBtn .btnText {
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  z-index: 2;
  position: relative;
}

.errorMsg {
  margin-top: 4px;
}

.outputHead {
  padding: 10px 26px 10px 13px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E2E8F0;
}

.outputHead a {
  background: #FFFFFF;
  border-radius: 5px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #64748B;
  padding: 8px 10px;
  max-width: max-content;
  width: 100%;
}

.btnRight {
  position: relative;
}

.btnRight:hover:after {
  position: absolute;
  content: 'Clear recent outputs. Past outputs are still available in your history.';
  background-color: #334155;
  border-radius: 5px;
  color: #fff;
  width: 336px;
  right: 0;
  padding: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 128%;
  transition: 0.1s ease all;
  z-index: 1;
}

.outputHead a.active {
  background-color: #F1F5F9;
  color: #1D7AD9;
}

.btnsLeft {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.answerPrompts {
  border: 1px solid #E2E8F0;
  border-radius: 5px;
  max-width: 440px;
  width: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.promptIcon {
  border-right: 1px solid #E2E8F0;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8FAFC;
  border-radius: 5px 0px 0px 5px;
}

.promptIcon img {
  display: block;
}

.propmtText {
  padding: 13px 8px 13px 15px;
}

.propmtText p {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #64748B;
  padding-bottom: 5px;
}

.propmtText span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #64748B;
}

.newOutputs.withData,
.history.withData {
  background-color: #F0FDF4;
  padding: 7px 26px 40px;
  border-bottom: 1px solid #E2E8F0;
}

.newOutputs.withData:last-child {
  border-bottom: none;
}

.history.withData {
  background-color: #fff;
}

.newOutputs.withData:hover {
  background-color: #F9FFFB;
}

.newOutputs.withData:hover .iconBtn {
  background-color: #fff;
}

.newOutputs.withData:hover .iconBtn:hover {
  border: 1px solid #E2E8F0;
}

.newOutputs.withData:hover .iconBtn:hover svg path {
  fill: #1E293B;
}

.history.withData:hover {
  background-color: #F8FAFC;
}

.history.withData:hover .iconBtn {
  background-color: #fff;
}

.history.withData:hover .iconBtn:hover {
  border: 1px solid #E2E8F0;
}

.history.withData:hover .iconBtn:hover svg path {
  fill: #1E293B;
}

.history.withData .iconBtn.selected svg path {
  fill: #1D7AD9;
}

.generatedBtns {
  justify-content: space-between;
  align-items: center;
}

.iconsLeft {
  display: flex;
  column-gap: 8px;
  align-items: center;
}

.iconBtn {
  border-radius: 5px;
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.timeStamp span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #94A3BB;
  text-transform: capitalize;
}

.generatedEssay {
  padding-top: 7px;
}

.generatedEssay p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1E293B;
  white-space: pre-wrap;
  /* line-height: 1.75rem; */
}

#new-outputs,
#history-tab {
  min-height: calc(100vh - 52px);
  overflow-y: scroll;
  position: relative;
  overflow-x: hidden;
}

.generate-essay-processing svg {
  height: 22px;
}

.generate-essay-processing svg path {
  fill: #fff;
}

.shake {
  animation: shakeBtn infinite linear .5s;
}

.btnsLeft a:hover {
  background-color: #F1F5F9;
}

.btnRight a:hover {
  background-color: #F1F5F9;
}

#old-essays,
#new-essays {
  max-height: calc(100vh - 52px);
}

@keyframes shakeBtn {
  0% {
    transform: translateX(10px);
  }

  20% {
    transform: translateX(-10px);
  }

  40% {
    transform: translateX(10px);
  }

  60% {
    transform: translateX(-10px);
  }

  80% {
    transform: translateX(10px);
  }

  1000% {
    transform: translateX(0);
  }
}

br {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb9b9;
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* FAQ */
.faqArea {
  background: #FFFFFF;
  border: 1px solid rgba(35, 63, 140, 0.24);
  border-radius: 4px;
  max-width: 578px;
  width: 100%;
}

.faqArea h2 {
  margin-bottom: 28px;
  color: #0F172A;
  font-weight: 700;
}

.faq-accord-card-head h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 164.5%;
  color: #231F20;
  padding-right: 13px;
}

.faqArea p {
  font-size: 14px;
  margin-bottom: 7px;
  line-height: 22px;
  font-weight: 400;
}

.faqArea p strong {
  font-weight: 500;

  color: #0F172A;
}

.faqContent {
  margin-bottom: 28px;
}

.faq-card {
  background: #FFFFFF;
  border: 1px solid rgba(35, 63, 140, 0.24);
  border-radius: 4px;
  max-width: 578px;
  width: 100%;
}

.faqWraper {
  max-width: 580px;
  width: 100%;
  margin: 72px auto 0;
}

.faqWraper h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 164.5%;
  color: #231F20;
  margin-bottom: 28px;
}

.faq-card.show,
.faq-card:hover {
  border: 1px solid #05ADA3;
}

.faq-accord-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 20px 18px;
  cursor: pointer;
}

.answerInner p a {
  text-decoration: underline;
  color: #05ADA3;
}

.answerInner p+p {
  margin-top: 10px;
}

.faq-card:hover .faq-accord-card-head h3,
.faq-card.show .faq-accord-card-head h3 {
  color: #05ADA3;
  /* fill: #4CAEFF; */
}

.faq-icon {
  display: flex;
  width: 18px;
  height: 18px;
  background: url(../svg/faqsvg-db-2.svg);
  flex: 0 0 18px;
  background-size: contain;
}

.faq-accord-card-body {
  padding: 0 20px 30px;
}

.faq-accord-card-body p {


  font-weight: 450;
  font-size: 14px;
  line-height: 170.5%;
  color: #213D56;
}

.faq-card:hover .faq-icon,
.faq-card.show .faq-icon {
  background: url(../svg/faqsvg-db-2.svg);
  background-size: contain;
}

.faqWraper .faq-card+.faq-card {
  margin-top: 20px;
}

.faq-card.show .faq-accord-card-head .faq-icon {
  transform: rotate(135deg);
}

.optional {
  font-size: 14px;
  margin-left: 3px;
}

.clipboardMsg {
  background: black;
  color: white;
  font-weight: 500;
  position: fixed;
  font-size: 14px;
  padding: 6px 18px;
  left: 50%;
  transition: .1s all ease-in;
  transform: translate(-50%, 0px);
  border-radius: 3px;
  line-height: 18px;
  bottom: -60px;
}

.clipboardMsg.show {
  transform: translate(-50%, -113px);
  z-index: 1111;
}

.clipicon {
  padding-right: 5px;
  display: inline-flex;
}

.upgradeOverlay {
  position: absolute;
  padding: 205px 149px;
  background: rgba(240, 253, 244, 0.5);
  border: 1px solid #D3E6D9;
  box-shadow: 0px 0px 10px 1px #D0E7D7;
  backdrop-filter: blur(2px);
  border-radius: 10px;
  width: calc(100% - 31px);
  bottom: 97px;
  left: 200%;
  transition: all ease .1s;
  text-align: center;
}

.upgradeOverlay.show {
  left: 14px;
}

.coloredBtn {
  padding: 2px;
  border-radius: 5px;
  
  display: inline-block;
}

/* .upgradeBtn {
  padding: 12px 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  transition: all ease .1s;
}

.upgradeBtn:hover {
  background: linear-gradient(81.22deg, #1862FF -14.08%, #7731FF 29.91%, #D012FF 77.88%);
}

.upgradeBtn:hover span {
  color: #fff;
}

.upgradeBtn:hover svg path {
  fill: #fff;
}

.upgradeBtn svg path {
  transition: all ease .1s;
}

.upgradeBtn span {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #000000;
  transition: all ease .1s;
} */

.subscriptionBtns .checkGrammarBtn {
  margin-left: 0;
  max-width: 100%;
  min-width: max-content;
  margin-top: 25px;
}

.checkGrammarBtnWrapper {
  position: fixed;
  right: 225px;
  bottom: 30px;
  display: flex;
  gap: 10px;
}


.dislikeModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.newTemplateModal.show {
  display: block;
}

.newTemplateOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(100 116 139/.5);
}

.dislikeForm {
  padding: 40px 34px;
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 558px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.dislikeForm h2 {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 17px;
  line-height: 120.19%;
  color: #000000;
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E8F0;
}

.feedbackWrapper {
  display: flex;
  flex-direction: column-reverse;
}

.feedbackWrapper label {
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  color: #0F172A;
}

.feedbackWrapper textarea {
  display: block;
  width: 100%;
  appearance: none;
  height: 85px;
  resize: none;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  font-size: 13px;
  line-height: 120.19%;
  padding: 13px 12px;
  margin: 8px 0 20px;
  outline: none;
}

.feedbackWrapper textarea::placeholder {
  color: #858585;
}

.submitFeedback {
  padding: 5px 20px;
  background: linear-gradient(265.4deg, #05ADA3 -20.86%, #B318FF 95.76%);
  border-radius: 3px;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  color: #FFFFFF;
  outline: none;
  margin-left: auto;
  cursor: pointer;
  border: none;
  display: block;
  max-width: max-content;
  transition: all ease .1s;
}

.submitFeedback:hover {
  background: linear-gradient(249.34deg, #516EFF -11.47%, #B44DFF 101.07%);
}

.feedbackWrapper textarea:hover {
  box-shadow: 1px 2px 6px -4px rgba(0, 0, 0, 0.75);
}

.feedbackWrapper textarea:focus {
  border: 1px solid #05ADA3;
}

.feedbackWrapper textarea:focus~label {
  color: #05ADA3;
}

.disabled,
.disabled * {
  color: #c1cbd9;
  cursor: no-drop;
}

.disabled::after {
  display: none;
}

.needChangesWrapper {
  padding: 20px 28px;
  position: sticky;
  bottom: 0;
  background: rgba(240, 253, 244, 0.5);
  border: 1px solid #D3E6D9;
  box-shadow: 0px 0px 10px 1px #D0E7D7;
  backdrop-filter: blur(2px);
  display: none;
}

.changesBtnOuter {
  max-width: max-content;
  padding: 2px;
  background: linear-gradient(180deg,#24c7bd 0,#046761 100%);
  border-radius: 5px;
}

.needChangesBtn {
  display: flex;
  padding: 14px 15px;
  gap: 6px;
  background-color: #fff;
  border-radius: 5px;
  align-items: center;
}

.needChangesBtn svg {
  display: flex;
  align-items: center;
  height: 17px;
  transform: translateY(2px);
}

.needChangesBtn p,
.needChangesBtn p span {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #0F172A;
}

.needChangesBtn p span {
  text-decoration: underline;
}

.needChangesBtn:hover p,
.needChangesBtn:hover p span {
  color: #05ADA3;
}

.needChangesBtn:hover svg path {
  fill: #05ADA3;
}

.addChangeModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 5;
  display: none;
}

.addChangeWrapper {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 35px 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 828px;
  width: 100%;
  transform: translate(-50%, -50%);
}

.changeHead {
  font-weight: 600;
  font-size: 25px;
  line-height: 159.7%;
  background: linear-gradient(89.52deg, #FF51D7 4.78%, #C300FF 30.84%, #C300FF 55.59%, #05ADA3 91.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: inline-block;
}

.changesDesc {
  font-size: 14px;
  line-height: 159.7%;
  color: #64748B;
  margin: 5px 0 34px;
}

.changeTemplateWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.changeTemplateWrapper a {
  font-size: 15px;
  line-height: 21px;
  color: #7645DD;
  padding: 5px 13px;
  background: #F1F0FB;
  border-radius: 100px;
  transition: all ease .1s;
}

.changeTemplateWrapper a:hover {
  background: #7645DD;
  color: #fff;
}

.changeTextareaWrapper {
  margin: 35px 0 25px;
}

.changeTextareaWrapper textarea {
  background: #FFFFFF;
  border: 1px solid #05ADA3;
  border-radius: 5px;
  width: 100%;
  resize: none;
  height: 120px;
  outline: none;
  padding: 13px 15px;
  font-size: 15px;
  line-height: 21px;
}

.changeTextareaWrapper textarea:hover {
  box-shadow: 0px 0px 6px -4px rgba(0, 0, 0, 0.8);
}

.changeTextareaWrapper textarea::placeholder {
  color: #92B4E7;
}

.addChangeWrapper .needChangesBtn {
  background: linear-gradient(265.4deg, #05ADA3 -20.86%, #B318FF 95.76%);
  margin-left: auto;
}

.addChangeWrapper .needChangesBtn p {
  color: #fff;
}

.addChangeWrapper .needChangesBtn:hover {
  background: linear-gradient(250.21deg, #516EFF 3.39%, #B44DFF 101.16%);
}

.addChangeWrapper .needChangesBtn:hover svg path {
  fill: #fff;
}

.closeChangesModalBtn {
  position: absolute;
  right: 19px;
  top: 18px;
}

.closeChangesModalBtn:hover svg path {
  fill: #738AFF;
}

.outputHead .grammerPlagOuter {
  padding: 1px;
  background: linear-gradient(81.22deg, #1862FF -14.08%, #7731FF 29.91%, #D012FF 77.88%);
  border-radius: 4px;
  display: flex;
  overflow: hidden;
}

.outputHead .topCheckPlag {
  padding: 6px 8px;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  line-height: 120.19%;
  text-transform: capitalize;
  color: #1E293B;
  transition: all ease .1s;
}

.grammerPlagWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  display: none;
}

.outputHead .topCheckPlag:hover {
  background: linear-gradient(81.22deg, #1862FF -14.08%, #7731FF 29.91%, #D012FF 77.88%);
  color: #fff;
}
.wrapperRight{
  width: calc(100% - 288px);
  margin-left: auto;
}
.fileLabel{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: 1px solid #E2E8F0;
  padding: 7px;
  border-radius: 5px;
}
.fileLabel:hover{
  /* border: 1px solid transparent; */
  background: linear-gradient(180deg, #24C7BD 0%, #046761 100%);
}
.fileLabel:hover span{
  color: #fff;
}
.fileLabel:hover img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7439%) hue-rotate(124deg) brightness(98%) contrast(99%);
  }

.fileLabel:hover svg path{
  fill: #fff;
}

.fileLabel svg{
  width: 17px;
  height: 17px;
}
.fileLabel span{
  font-size: 13px;
  line-height: 16px;
  color: #0F172A;
}
@media (max-width: 1199px) {
  .checkGrammarBtnWrapper {
    display: block;
  }
}

@media (max-width: 1169px) {
  .newOutputs.zeroData {
    padding: 0 15px;
  }

  .checkGrammarBtnWrapper {
    right: 139px;
  }

  .needChangesBtn p,
  .needChangesBtn p span {
    font-size: 13px;
  }

  .needChangesBtn {
    padding: 14px 10px;
  }
}

@media (max-width: 991px) {

  .essayWriterInput,
  .essayWriterOutput {
    max-width: unset;
  }

  .essayWriterOutput {
    border-top: 1px solid #E2E8F0;
  }

  .essayWriterBody {
    flex-direction: column;
  }

  .changeTemplateWrapper {
    gap: 15px 10px;
    flex-wrap: wrap;
    justify-content: start;
  }

  .addChangeWrapper {
    padding: 35px;
    max-width: 728px;
  }
}

@media (max-width: 767px) {
  .essayWriterWrapper {
    max-width: 100%;
  }

  .answerPrompts {
    max-width: 90%;
  }

  .formWrapper {
    height: 100%;
    overflow-y: unset;
  }

  .ewBtns {
    padding: 22px 24px 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 111;
    border-top: 1px solid #E2E8F0;
  }

  .essayWriterOutput {
    border-top: 1px solid #E2E8F0;
  }

  .generatedEssay {
    margin-bottom: 79px;
  }

  .faq-accord-card-head h3, .faq-card .answerInner p {
    font-size: 14px;

  }

  .upgradeOverlay {
    padding: 205px 0;
  }

  .addChangeWrapper {
    padding: 50px 35px;
    max-width: 500px;
  }
}

@media (max-width:575px) {
  .specsSec.padThis{
    padding: 40px 0 0px;
  } 
  .addChangeWrapper {
    padding: 80px 15px;
    max-width: 100%;
    height: 100%;
  }

  .addChangeModal {
    z-index: 555;
  }

  .closeChangesModalBtn {
    right: 20px;
    top: 40px;
  }
}

#progLoader {
  display: none;
}




.loaderOuter {
  width: 100%;
  padding: 5px 7px;
  border: 1px solid #05ada3;
  border-radius: 20px;
  height: 35px;
  margin: 27px auto 0;
  position: relative;
}

.loaderCompleted {
  width: 8%;
  border-radius: 20px;
  background: radial-gradient(76.19% 76.19% at 50% 23.81%, #326BBC 0%, #0F3870 100%);
  height: 100%;
}

.modalPercentage {
  max-width: 600px;
  margin: 0 auto;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* The Modal (background) */
.modal {
  display: none;
}

/* Modal Content/Box */
.modal-content {
  padding: 3%;
  border: 1px solid #888;
  max-width: 500px;
  width: 100%;
  min-height: 300px;
  border-radius: 23px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  gap: 25px;
  margin: 100px auto 0;
  background-color: #EDF6FF;
}

/* The Close Button */
.close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 20px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.loadingText {
  font-size: 20px;
}

/* Sand clock */
.sand-top,
.sand-bottom,
.sand-clock {
  will-change: transform;
  transform-origin: 50% 30px;
}

.sand-clock {
  animation: clock 3s 1.25s ease-in-out infinite;
  transform-origin: 50% 50%;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.sand-top {
  animation: clock-sand-top 3s ease-in-out infinite;
}

.sand-bottom {
  animation: clock-sand-bottom 3s ease-in-out infinite;
  transform: scale(0);
}

@keyframes clock {

  20%,
  50% {
    transform: rotate(180deg);
  }

  70%,
  100% {
    transform: rotate(360deg);
  }
}

@keyframes clock-sand-top {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes clock-sand-bottom {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}


@keyframes clock {

  20%,
  50% {
    transform: rotate(180deg);
  }

  70%,
  100% {
    transform: rotate(360deg);
  }
}

@keyframes clock-sand-top {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes clock-sand-bottom {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

#subscribeProcessingBtnAnnualy,
#subscribeProcessingBtnMonthly {
  background: linear-gradient(180deg, #326BBC -16.12%, #0F3870 100%), #D9D9D9;
}

.monthlyPlan #subscribeProcessingBtnMonthly {
  background: #F7C82E;
}

.annualPlan #subscribeProcessingBtnAnnualy {
  background: linear-gradient(246.87deg, #D306F4 -2.66%, #5700E6 54.71%);
}

.not-verified .generatedBtns {
  display: none;
}

.not-verified .generatedEssay {
  user-select: none;
}


#essay-loading {
  width: 9rem;
  height: 9rem;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #05ADA3;
  border-radius: 100%;
  margin: auto;
  animation: spin 1.5s infinite linear;
}

.pre-loaderrr.display {
  display: flex;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.pre-loaderrr {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pre-loaderrr p {
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  color: #05ADA3;
  line-height: 150%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}