@font-face {
    font-family: Segoe UI;
    src: url(fonts/Segoe-UI.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Segoe UI;
    src: url(fonts/Segoe-UI-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Segoe UI;
    src: url(fonts/Segoe-UI-Bold.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url(fonts/Inter-Regular.woff2) format('truetype');
  font-display: swap;
}
.essayWriterBody,
.outputHead span.historyBtn,
body {
  background: #191a1c;
}
.generatedEssay div.matchedText,
.plagReport p {
  white-space: normal;
  word-break: unset;
}
@media (max-height: 800px) and (min-width: 768px) {
  .loginSignupBtn,
  .navManageCustom,
  .navManageSubscription.subscriptionBtns,
  .navSubscribeBtn {
    margin-top: 0;
  }
}

.essayWriterWrapper .faq-accord-card-head {
  cursor: auto;
}
footer .freeOffer-wrapper {
  z-index: 55555;
}
.essayWriterWrapper {
  max-width: 1276px;
  padding: 0 15px;
  width: 100%;
  margin: 120px auto 22px;
}
.essayWriterWrapper.contentSec,
.paraphrasingTool .inputGroup.selectGroup {
  max-width: 100%;
  width: 100%;
}
.essayWriterWrapper.structurTool-mb-0,
.inputGroup.mb-0,
.mb-0,
.radioCheckBox label {
  margin-bottom: 0;
}
.essayWriterWrapper.py-50 {
  padding: 50px 0;
}
.essayWriterBody {
  width: 100%;
  border: 1px solid #34363a;
  display: flex;
  border-radius: 5px;
  padding-top: 18px;
  box-shadow: 0 0 22px 0 #111213;
  filter: unset;
}
.inputHead {
  padding: 0 0 20px;
  background-color: transparent;
  display: flex;
  align-items: center;
  column-gap: 12px;
  border-bottom: unset;
}
.headText h1 {
  font-size: 19px;
  font-weight: 600;
  line-height: 25.27px;
  color: #fff;
  padding-bottom: 3px;
}
.headText p {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.95px;
  color: #9fa7af;
}
.headIcon {
  display: flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  background: #1f2123;
  border-radius: 8px;
}
.inputHead .headIcon img {
  display: block;
  max-width: 34px;
  width: 100%;
  max-height: 34px;
  height: 100%;
}
.formWrapper {
    padding: 0 24px 20px;
    height: calc(100vh - 523px);
  background-color: transparent;
  overflow-y: auto;
}
.plagarismTool .formWrapper {
  padding: 0 24px;
}
.paraphrasingTool .formWrapper,
.summarizerTool .formWrapper {
  padding: 0 24px;
  height: calc(100vh - 487px);
  background-color: transparent;
  overflow-y: auto;
}
.paraphrasingTool .formWrapper {
  height: calc(100vh - 450px);
}
.essayWriterInput {
  border-right: 1px solid #34363a;
}
.outputHead {
  padding: 0 0 12px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #34363a;
  margin: 0 15px;
}
.inputGroup label {
  display: flex;
  align-items: flex-start;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18.62px;
  color: #fff;
  margin-bottom: 7px;
}
.inputGroup input,
.inputGroup select,
.inputGroup textarea {
  display: block;
  background: #ffffff00;
  color: #fff;
  --webkit-appearance: none;
  font-weight: 400;
  width: 100%;
  position: relative;
  outline: 0;
}
.inputGroup input,
.inputGroup select {
  padding: 0 12px;
  height: 41.59px;
  border: 1px solid #565a60;
  border-radius: 6px;
  -moz-appearance: none;
  appearance: none;
  max-height: 46px;
  font-size: 13px;
  line-height: 120.19%;
}
.inputGroup textarea {
  padding: 12px;
  border: 1px solid #565a60;
  border-radius: 6px;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
  line-height: 25.5px;
}
.fileLabel span,
.uploadButton {
  font-size: 11px;
  font-style: italic;
  line-height: 14.63px;
  font-weight: 400;
}
.inputGroup.aiGroup input {
  padding: 0 104px 0 12px;
}
.inputGroup.aiReGen input {
  padding: 0 40px 0 12px;
}
.inputGroup input:hover,
.inputGroup textarea:hover {
  border: 1px solid #747b84;
}
.inputGroup input:focus,
.inputGroup textarea:focus,
.modalForm textarea:focus {
  border: 1px solid #fff;
}
.inputGroup.textGroup textarea {
  min-height: 35vh;
  padding: 15px;
  height: 100%;
  max-height: 35vh;
  list-style: outside;
}
.inputGroup input::placeholder,
.inputGroup textarea::placeholder {
  color: #858585;
}
.aiGroup,
.uploadInput {
  position: relative;
}
.uploadGroup {
  display: flex;
  column-gap: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  justify-content: center;
}
.uploadButton {
  display: flex;
  flex-direction: column;
  padding: 10px;
  justify-content: center;
  border: 1px solid #858585;
  border-radius: 5px;
  outline: 0;
  text-align: center;
  background: 0 0;
  color: #858585;
  height: 58px;
}
.uploadButton:hover {
  border: 1px solid #fff;
  color: #fff;
}
#file-id,
.feedbackModal1,
.feedbackModal2,
.paraphrasingTool .iconsLeft,
.selectGroup::after,
.timeStamp {
  display: none;
}
.uploadButton span {
  width: 19px;
  height: 19px;
  margin: 0 auto 4px;
  display: inline-block;
}
.documentUpload .fileLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  cursor: pointer;
  border: 1px solid #858585;
  padding: 10px;
  border-radius: 5px;
  height: 58px;
  margin-bottom: 0;
}
.documentUpload .fileLabel:hover {
  border: 1px solid #fff;
  background: unset;
}
.documentUpload .fileLabel:hover img,
.uploadButton:hover img {
  filter: brightness(0) saturate(100%) invert(80%) sepia(100%) saturate(0%)
    hue-rotate(180deg) brightness(109%) contrast(103%);
}
.col-head,
.documentUpload .fileLabel:hover span,
.pre-loaderrr p {
  color: #fff;
}
.fileLabel span {
  text-align: left;
  color: #858585;
  padding-top: 4px;
}
.characterCount span,
.propmtText span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #bcbcbc;
}
.inputGroup {
  margin-bottom: 16px;
}
.aiSuggestWrap button {
  width: 88px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 2px;
  gap: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  position: relative;
}
.outputHead span,
.propmtText p {
  font-size: 14px;
  line-height: 18.62px;
}
.aiSuggestWrap button:disabled {
  border-color: #565a60;
  color: #858585;
  pointer-events: none;
}
.aiSuggestWrap button:hover {
  background: #d012ff;
  color: #fff;
  border-color: #d012ff;
}
.aiBtn.processing {
  pointer-events: none;
  display: none;
}
.aiBtn.refresh {
  display: none;
  border: none;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}
.aiBtn.refresh:hover,
.outputHead .btntransparent {
  background: 0 0;
}
.aiSuggestWrap {
  position: absolute;
  top: 35px;
  right: 10px;
}
.aiBtn.processing img {
  height: 22px;
}
.radioCheckBox input[type="radio"]:checked + label .radio_checkmark,
.radioCheckBox:hover label .radio_checkmark {
  border: 1px solid transparent;
  background: linear-gradient(to right, #000, #000),
    linear-gradient(
      94.55deg,
      #ff51d7 -9.2%,
      #ff4848 21.42%,
      #6248ff 50.94%,
      #1862ff 95.77%
    );
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  color: #fff;
}
.radioCheckBox {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 148px;
  flex: 0 0 148px;
}
.customize-inputGroup.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  row-gap: 12px;
}
.toolBtn::after,
.toolBtn::before {
  display: inline-block;
  position: relative;
}
.radioCheckBox input {
  position: absolute;
  left: 0;
  opacity: 0;
  max-width: 148px;
  width: 100%;
  height: 33px;
  cursor: pointer;
}
.radio_checkmark {
  border: 1px solid #565a60;
  border-radius: 100px;
  color: #858585;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.83px;
  max-width: 148px;
  width: 100%;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.answerPrompts {
  border: 1px solid #34363a;
  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 #34363a;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1e2024;
  border-radius: 5px 0 0 5px;
}
.clearFields,
.iconBtn {
  align-items: center;
  cursor: pointer;
}
.propmtText {
  padding: 14px 8px 14px 15px;
}
.propmtText p {
  font-style: normal;
  font-weight: 600;
  color: #fff;
  padding-bottom: 5px;
}
.clearFields,
.generatedEssay p,
.outputHead span {
  font-weight: 400;
  font-style: normal;
}
.outputHead a,
.outputHead span {
  background: #232323;
  border-radius: 5px;
  display: block;
  color: #bcbcbc;
  padding: 6px 11px;
  max-width: max-content;
  width: 100%;
  cursor: pointer;
}
.essayWriterBody, .outputHead a.historyBtn, body {
    background: #191a1c;
}
.outputHead a:hover,
.outputHead span:hover {
  background: #f1f5f9;
  color: #121826;
}

.outputHead .historyBtn.underline:hover{
  text-decoration: underline;
  background: unset;
  color: #bcbcbc;
}
.clearFields:hover,
.outputHead .newOutputs.active,
.outputHead span.active {
  background: linear-gradient(to right, #000, #000),
    linear-gradient(
      94.55deg,
      #ff51d7 -9.2%,
      #ff4848 21.42%,
      #6248ff 50.94%,
      #1862ff 95.77%
    );
}
.outputHead .newOutputs.active,
.outputHead span.active {
  border: 1px solid transparent;
  border-radius: 5px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.62px;
  color: #fff;
}
#history-tab,
#new-outputs {
  min-height: calc(100vh - 498px);
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
}
.summarizerTool #history-tab,
.summarizerTool #new-outputs {
  min-height: calc(100vh - 480px);
}
.paraphrasingTool #history-tab,
.paraphrasingTool #new-outputs {
  min-height: calc(100vh - 434px);
}
.inputGroup label .toolTip {
  display: block;
  padding-left: 5px;
  cursor: pointer;
  position: relative;
  top: 3px;
}
.clearFields {
        display: flex;
        column-gap: 6px;
        justify-content: center;
        background: 0 0;
        border: 1px solid #565a60;
        border-radius: 5px;
        font-size: 15px;
        line-height: 17px;
        color: #fff;
        max-width: 124px;
        height: 40px;
        width: 100%;
        font-weight: 400;
        padding: 7px 0;
}
.clearFields:hover {
  border: 1px solid transparent;
  border-radius: 5px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.generateEssayBtn {
  padding: 9px 30px;
  outline: 0;
  border: none;
  display: block;
  cursor: pointer;
  max-width: max-content;
  border-radius: 5px;
  position: relative;
  height: 40px;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  width: 100%;
}
footer {
  position: relative;
  background: url(../../../images/footer_gradient.svg) 0 0 / cover #000;
  max-width: 100%;
  padding: 50px 0 0;
}
.history.withData,
.newOutputs.withData {
  background-color: transparent;
  padding: 7px 15px 40px;
  border-bottom: 1px solid #e2e8f0;
}
.newOutputs.withData:hover {
  background-color: transparent;
}
.iconBtn {
  border-radius: 5px;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  border: 1px solid #242525;
  position: relative;
  background: #242525;
}
.helpBtn,
.writingHelpModalwrap {
  position: fixed;
  z-index: 11;
  width: 100%;
}
.history.withData:hover .iconBtn,
.newOutputs.withData:hover .iconBtn {
  background-color: #242525;
}
.generatedEssay p {
  font-size: 15px;
  line-height: 170%;
  color: #cbcbcb;
  white-space: normal;
  user-select: none;
  word-break: break-word;
}
.newOutputs.withData:hover .iconBtn:hover svg path {
  fill: #dce1e8;
}
.creditsWrapper button:hover svg path,
.history.withData .iconBtn.selected svg path,
.history.withData:hover .iconBtn:hover svg path,
.iconBtn.selected {
  fill: #fff;
}
.history.withData:hover .iconBtn:hover,
.newOutputs.withData:hover .iconBtn:hover {
  border: 1px solid #767676;
}
#copyBtn:hover::before,
#downloadBtn:hover::before {
  position: absolute;
  content: "Copy";
  font-size: 10px;
  min-width: max-content;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: 38px;
  z-index: 99999999999;
  background: #334155;
  border-radius: 5px;
  right: 0;
  text-align: center;
}
#downloadBtn:hover::before {
  content: "Download";
}
.helpBtn {
  background: linear-gradient(209.3deg, #1e43ff -36.32%, #b318ff 91.6%);
  max-width: 206px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
  border-radius: 10px 10px 0 0;
  transform: rotate(270deg) translateY(-52%);
  right: -104px;
  top: 47.6%;
}
.blink-hard {
  animation: 1s step-end infinite blinker;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.helpBtn:hover,
.thankyouModal .modal-btn:hover {
  background: linear-gradient(265.66deg, #516eff -8.28%, #b44dff 95.98%);
}
.writingHelpModalwrap {
  border: 2px solid transparent;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(to right, #fcf2ff, #fcf2ff),
    linear-gradient(193deg, #1862ff -14.08%, #7731ff 29.91%, #d012ff 77.88%),
    #fff;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 21px 23px;
  max-width: 419px;
  right: -419px;
  transition: 0.3s;
  top: 50%;
  transform: translateY(-50%);
  min-height: 217px;
}
.writingHelpModalwrap.show {
  right: 0;
}
.writingHelpModalitem {
  display: flex;
  gap: 19px;
  align-items: start;
}
.modalToolBody p {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  margin-bottom: 13px;
  color: #121826;
}
.mx-w {
  max-width: 230px;
}
.toolBtn {
  background: linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  font-size: 13px;
  font-weight: 500;
  line-height: 15.73px;
  letter-spacing: 0.03em;
  max-width: max-content;
  width: 100%;
  padding: 6px 5px;
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  outline: 0;
  color: #fff;
}
.toolBtn::before {
  content: "";
  background: url("../../images/fire-gif.webp") 0 0 / contain;
  width: 19px;
  height: 19px;
}
.toolBtn::after {
  content: "";
  background: url("../../images/toolarrow.svg");
  width: 18px;
  height: 18px;
}
.writingHelpModalitem + .writingHelpModalitem {
  margin-top: 25px;
}
.footerCopyRight > .container,
.footerTop > .container {
  margin: 0 auto;
}
.copyrightText,
.disclaimer p,
.jointLinks *,
.pagesList li a,
.pagesList li span {
  color: #fff;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.pagesList li a:after,
.pagesList li span:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 15px;
  transition: width 0.2s;
}
.pagesList li a:hover,
.pagesList li span:hover {
  color: #fff;
  fill: #fff;
}
.pagesList li a img,
.pagesList li a:hover img,
.pagesList li span img,
.pagesList li span:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(238deg) brightness(105%) contrast(105%);
}
.footerCopyRight {
  background: unset;
  padding: 18px 0 24px;
}
.inputGroup.signupGroup input {
  color: #000;
}
.loginSignupBtn {
  cursor: pointer;
}
.upgradeOverlay {
  position: absolute;
  padding: 205px 149px;
  background: rgb(37 37 37 / 60%);
  border: 1px solid #303030;
  box-shadow: 0 0 25px 4px #000;
  backdrop-filter: blur(3px);
  border-radius: 5px;
  width: calc(100% - 31px);
  bottom: 97px;
  left: 200%;
  transition: 0.4s;
  text-align: center;
  z-index: 1;
  display: none;
}
.essayBg::before {
  content: "";
  background: url(../../images/purpleVector.svg);
  width: 306px;
  height: 467px;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 247px;
}
.essayBg::after {
  content: "";
  background: url(../../images/orangeVector.svg);
  width: 245px;
  height: 468px;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 23%;
}
#new-essays,
#old-essays {
  max-height: calc(100vh - 500px);
}
#essay-loading {
  width: 9rem;
  height: 9rem;
  border: 10px solid #f3f3f3;
  border-top: 10px solid transparent;
  border-radius: 100%;
  background: linear-gradient(to right, #191a1c, #191a1c),
    linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  margin: auto;
  animation: 1.5s linear infinite spin;
}
.history.withData:hover .iconBtn.selected:hover,
.iconBtn.selected,
.iconBtn.selected:hover {
  border: 1px solid #d012ff;
}
.history.withData:hover {
  background-color: #101010;
}
.clipboardMsg,
.feedbackMsg {
  background: #334155;
}
.writingHelpModalitem .modalToolicon {
  width: 36px;
  height: 36px;
}
.essayWriterInput,
.essayWriterOutput,
.ewBtns {
  background: #fff0;
}
.bg-light {
  background: #fff;
  padding-bottom: 25px;
}
.paraDownSec {
  padding: 12px 0 15px;
}
.toolsSec {
  padding: 80px 0 90px;
  margin-bottom: 0;
}
.cstmForm .inputGroup textarea {
  max-height: 278px;
}
.flexGroup {
  display: flex;
  gap: 22px;
}
.flexGroup .inputGroup {
  flex: 1;
}
.cstmForm .radioWrap {
  display: flex;
  column-gap: 11px;
}
.paraphrasingTool .cstmForm .radioWrap {
  display: flex;
  column-gap: 11px;
  row-gap: 13px;
}
.cstmForm.cstmwrap .radioWrap {
  flex-wrap: wrap;
}
.radioCheckBox label,
.radioWrap {
  width: 100%;
}
.inputGroup input.invalid,
.inputGroup select.invalid,
.inputGroup textarea.invalid,
.radioWrap.invalidInput label .radio_checkmark,
.select2-invalid.select2-container--default .select2-selection--single,
input.invalid + label .radio_checkmark {
  border: 1px solid #df4d4d;
}
.cstmForm .radioCheckBox {
  max-width: 104px;
  flex: 0 0 104px;
}
.flexGroup .label-input {
  display: flex;
  align-items: flex-start;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18.62px;
  color: #fff;
  margin-bottom: 7px;
  width: 100%;
}
.customSlider input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: 0;
  border-radius: 15px;
  background: #d9d9d9;
  height: 7px;
  max-height: 7px;
  padding: 0;
  border: 1px solid #1e1b1b;
}
.customSlider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #d012ff;
  border-radius: 50%;
  border: 3px solid #fff;
  pointer-events: none;
  transition: 0.2s ease-in-out;
}
.customSlider input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #d012ff;
  border: 1px solid #fff;
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
}
.select2-container--default .select2-selection--single {
  background-color: #191a1c;
  border: 1px solid #565a60;
  border-radius: 6px;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background-color: #3f3aff;
  color: #fff;
}
.select2-dropdown {
  background-color: #0a0814 !important;
  border: 1px solid #565a60 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  display: none;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #858585;
  line-height: 16px;
}
.dropDownOption li:hover,
.lanGuage
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.matchCounter,
.purchaseBtnWrapper .purchaseCreditsBtn:hover span,
.select2-valid
  .selection
  .select2-selection--single
  .select2-selection__rendered,
.similarWords span {
  color: #fff;
}
.customSlider .wrapper .long.disabled,
.lanGuage.defaultText
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #858585;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 11px;
  right: 7px;
  pointer-events: none;
}
.advanceCheckdropdownBtn:hover .dropDownOption,
.selection .select2-selection--single .select2-selection__arrow {
  display: block;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: unsett;
  border-width: 0 4px 5px;
  transform: rotateX(162deg);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: unset;
  border-style: unset;
  border-width: unset;
  display: block;
  background: url(../../images/selectDropDown.svg);
  width: 18px;
  height: 18px;
  left: 0;
  top: 18%;
}
.select2-container--open .select2-dropdown {
  left: 0;
  z-index: 11;
}
.inputGroup .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 #fff;
}
.select2-container--default .select2-results__option--disabled {
  color: #fff;
  display: none;
}
.select2-results__option--selectable {
  cursor: pointer;
  color: #858585;
}
 
.modalForm textarea:hover,
.select2-container--default .select2-selection--single:hover {
  border: 1px solid #747b84;
}
#originalText2 .sourceReportHead,
.inputGroup label.mb-15 {
  margin-bottom: 15px;
}
.customSlider {
  display: flex;
  align-items: center;
  column-gap: 11px;
  margin-right: 17px;
}
.customSlider .wrapper {
  max-width: 198px;
  width: 100%;
}
.customSlider .wrapper span {
  font-size: 15px;
  font-weight: 400;
  line-height: 18.03px;
  color: #fff;
  margin-top: 4px;
}
.groupLable {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.customSlider .range {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}
.paraphrasingTool .ewBtns,
.summarizerTool .ewBtns {
  padding: 10px 24px 14px;
}
.clearFields img {
  position: relative;
  top: 1px;
}
.creditsWrapper {
  padding: 21px 20px;
  background: #191a1c;
  border: 1px solid #565a60;
  border-radius: 6px;
  margin-top: 44px;
}
#userCredits,
.creditsBalance p a {
  color: #d012ff;
  font-weight: 400;
}
.creditsBalance p a {
  color: #d012ff;
  font-size: 14px;
  font-weight: 600;
}
#userCredits,
.creditsBalance span {
  font-weight: 400;
  font-size: 18px;
}
.purchaseBtnWrapper .purchaseCreditsBtn {
  max-width: 163px;
  width: 100%;
  border: unset;
}
.creditInfoBody p:first-child,
.purchaseBtnWrapper p:first-child,
.singleCreditInfo.first {
  max-width: 118px;
  width: 100%;
}
.quotaHead,
.quotaHead span {
  line-height: normal;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.creditInfoBody p,
.creditInfoHead p,
.purchaseBtnWrapper p {
  font-size: 13px;
  line-height: 17px;
  color: #fff;
}
#creditsTotalPrice {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}
.creditInfoHead {
  background: #27292c;
  border-radius: 3px;
}
.creditQuantityChange button {
  font-size: 18px;
  color: #fff;
  background: #27292c;
  border: 1px solid #27292c;
  line-height: 20px;
}
.creditQuantity {
  color: #fff;
  background: #191a1c;
}
.creditsWrapper button:hover {
  background: #27292c;
  color: #fff;
}
.creditInfoHead .singleCreditInfo.last,
.creditInfoHead .singleCreditInfo.priceInfo {
  border-left: 1px solid #474b51;
}
.creditsBalance p {
  color: #fff;
  font-size: 14px;
  line-height: normal;
  display: flex;
  gap: 5px;
}
.purchaseBtnWrapper .purchaseCreditsBtn:hover {
  color: #fff;
  border-color: #d012ff;
  background: #191a1c;
}
.plagarism-item {
  padding: 15px 19px;
  background: #202329;
  border-radius: 7px;
  min-width: 162px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.resultPlagarism,
.resultPlagarism::after {
  border-radius: 100%;
  max-width: 105px;
  height: 105px;
  width: 100%;
}
.resultPlagarism {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.resultPlagarism::after {
  content: "";
  border: 7px solid #4a4a4a;
  position: absolute;
}
.resultPlagarism span {
  font-size: 25px;
  font-weight: 600;
  line-height: 33.25px;
}
.plagReport {
  display: flex;
  width: 100%;
  gap: 17px;
  align-items: center;
  margin-bottom: 17px;
}
.plagPercent span {
  font-size: 17px;
  font-weight: 600;
  line-height: 22.61px;
  text-align: left;
  color: #767676;
}
.feedbackWrap h5 span:first-child,
.plagPercent .textColor {
  margin-left: 9px;
}
.plagCircle {
  width: 29px;
  height: 29px;
  border-radius: 100%;
  margin-right: 9px;
  display: inline-block;
}
.plagPercent.redCricle .plagCircle,
.redBorder {
  border: 7px solid #d32f2f;
}
.plagPercent.redCricle span,
.redBorder span {
  color: #d32f2f;
}
.greenBorder,
.plagPercent.greenCricle .plagCircle {
  border: 7px solid #3ada91;
}
.greenBorder span,
.plagPercent.greenCricle span {
  color: #3ada91;
}
.plagPercent.yellowCricle .plagCircle,
.yellowBorder {
  border: 7px solid #fdf943;
}
.plagPercent.yellowCricle span,
.yellowBorder span {
  color: #fdf943;
}
.orangeBorder,
.plagPercent.orangeCricle .plagCircle {
  border: 7px solid #f3923c;
}
.orangeBorder span,
.plagPercent.orangeCricle span {
  color: #f3923c;
}
.plagCircle,
.plagPercent.greenCricle .plagCircle,
.plagPercent.orangeCricle .plagCircle,
.plagPercent.redCricle .plagCircle,
.plagPercent.yellowCricle .plagCircle {
  border-width: 4px;
}
.resultLable {
  font-size: 14px;
  font-weight: 600;
  line-height: 18.62px;
  text-align: center;
  margin-top: 11px;
  color: #fff;
}
#results span {
  background: #796c1f;
  color: #fff;
}
#checkAI{
  height: 542px;
  overflow: auto;
  display: none;
}
.aiDetect-data{
  position: relative;
}
.plagarismDetecoverview {
  display: flex;
  column-gap: 15px;
}
#results,
.sourceReport {
  background: #202329;
  border-radius: 7px;
  padding: 15px 15px 20px;
}
.sourceReportHead {
  background: #202329;
  border-radius: 7px;
  display: flex;
  justify-content: end;
  padding: 15px;
  margin-bottom: 25px;
}
.generatedEssay .websiteUrl {
  font-size: 14px;
  font-weight: 500;
  color: #9fa7af;
  line-break: anywhere;
}
.dateReport .labelReport,
.downloadBtn {
  line-height: 18.62px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.generatedEssay .resultNum.grey {
  background-color: #3f4346;
  color: #c7c1c1;
}
.dateReport p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  color: #9fa7af;
}
.dateReport p + p {
  padding-top: 8px;
}
.dateReport .labelReport {
  text-align: left;
  margin-right: 8px;
}
.downloadBtn {
  width: 159px;
  background: #1e57d0;
  border-radius: 5px;
  padding: 7px 12px;
  position: relative;
}
.downloadBtn:hover {
  background: #3e7cff;
}
#reportLoading{
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.downloadText::after {
  content: "";
  background: url("../../images/reportDowloadIcnon.svg");
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-left: 6px;
}
.generatedEssay .copiedFrom {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  gap: 20px;
}
.generatedEssay div.matchedText {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.generatedEssay div.matchedText p {
  font-size: 14px;
  display: flex;
  gap: 3px;
  word-break: unset;
  white-space: unset;
}
.plagarismTool .inputGroup textarea {
  min-height: 330px;
  max-height: 330px;
}
#originalText .sourceReport:first-child .sourceReportHead {
  display: flex;
  margin-bottom: 15px;
}
.plagTopData {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 6px 0 20px;
  margin-bottom: 0;
  position: relative;
}
.backBtn{
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.backBtn:hover{
  text-decoration: none;
}
.plagPercent,
.progress-circle {
  align-items: center;
  display: flex;
}
#results,
.plagTopData,
.sourceReport {
  border-bottom: unset;
}
.reportWrapper {
  margin-top: 0;
}
.ma_clr1,
.ma_clr2 {
  color: #fff !important;
}
.ma_head1,
.ma_head2 {
  background-color: unset !important;
  color: #059fff !important;
}
.progress-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.progress-circle::after {
  content: "";
  border-radius: 100%;
  max-width: 90px;
  width: 100%;
  height: 90px;
  border: 7px solid #4a4a4a;
  position: absolute;
  z-index: -1;
}
.progress-circle {
  position: relative;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background: conic-gradient(
    #d32f2f 0,
    #d32f2f 0,
    transparent 0,
    transparent 100%
  );
  justify-content: center;
}
.sourceContent .progress-circle {
  width: 29px;
  height: 29px;
}
.sourceContent .progress-circle::after {
  content: "";
  border-radius: 100%;
  max-width: 20px;
  width: 20px;
  height: 20px;
  border: 4px solid #4a4a4a;
  position: absolute;
  z-index: -1;
}
.progress-circle-inner,
.sourceContent .progress-circle-inner {
  border-radius: 50%;
  background-color: #202329;
  position: relative;
}
#progress-circle-uniq.progress-circle {
  background: conic-gradient(
    #3ada91 0,
    #3ada91 0,
    transparent 0,
    transparent 100%
  );
}
.progress-circle-inner {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.advanceCheckdropdownBtn,
.dropDownOption {
  background: linear-gradient(to right, #191a1c, #191a1c),
    linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  max-width: 180px;
}
.sourceContent .progress-circle-inner {
  width: 22px;
  height: 22px;
}
.progress-text {
  font-size: 25px;
  font-weight: 600;
  line-height: 33.25px;
  color: #767676;
}
.advanceCheckdropdownBtn,
.orderBtn {
  color: #fff;
  margin-left: auto;
  margin-right: 12px;
}
.progress-label {
  margin-top: 10px;
  font-size: 14px;
}
#originalText2 .sourceReport {
  min-height: 295px;
  margin-bottom: 0;
}
#originalText2 div.matchedText p {
  justify-content: center;
  padding-top: 48px;
}
.generatedEssay .textMatchedSource {
  font-weight: 500;
  margin-bottom: 20px;
  max-width: max-content;
  white-space: unset;
  text-overflow: unset;
  overflow: unset;
  word-break: break-word;
  display: inline-block;
}
.generatedEssay .textMatchedSource:hover {
  text-decoration: underline;
}
.advanceCheckdropdownBtn {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 5px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  position: relative;
}
.dropDownOption li,
.dropdownBtn {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  cursor: pointer;
}
.dropdownBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9.4px 10px;
}
.dropDownOption {
  position: absolute;
  list-style: none;
  top: -94px;
  width: 180px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
  left: -1px;
  display: none;
}
.dropDownOption li {
  padding: 12px 31px;
  font-size: 14px;
  list-style: none;
  border-bottom: 1px solid #525458;
  color: #9fa7af;
}
.dropdownBtn::before {
  content: "";
  background: url("../../images/starIcon.svg");
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 4px;
}
.dropdownBtn::after {
  content: "";
  background: url("../../images/downIcon.svg") no-repeat;
  width: 12px;
  height: 8px;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.inputGroup label:hover + textarea {
  border: 1px solid #565a60;
}
.advanceCheckdropdownBtn:hover {
  border-radius: 0 0 5px 5px;
}
.advanceCheckdropdownBtn:hover .dropdownBtn::after {
  transform: rotateX(180deg);
}

.orderBtn {
    max-width: 164px;
   
    width: 100%;
    height: 40px;
    border: none;
    outline: 0;
    padding:0  14px;
    margin-left: 0px;
    display: flex;
    text-align: center;
    font-style: normal;
    position: relative;
    box-sizing: border-box;
    background-size: 400% !important;
    border-radius: 4px;
    z-index: 1;
    animation: 10s linear infinite animate;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}
.orderBtn:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background-size: 400%!important;
    border-radius: 6px;
    opacity: 0;
    transition: 0.5s;
}
.orderBtn:hover:before {
    filter: blur(5px);
    opacity: 1;
    animation: 8s linear infinite animate;
}
.orderBtn, .orderBtn:before {
    background: linear-gradient(90deg, #ff8906, #9ce2a7, #ffeb3b, #ff8906);
}
.hireWriterBtn{
    position: relative;
    margin-left: auto;
    max-width: 164px;
    width: 100%;
    margin-right: 14px;
   
}
.offTextBanner{
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    position: absolute;
    top:0;
    width: 100%;
    animation: 1.2s linear infinite blink;
    top: -24px;
    display: block;
}
@keyframes animate {
    0% {
      background-position: 0;
    }
    100% {
      background-position: 400%;
    }
  }
  #instruction{
    height: 132px;
  }
/* ckeditor */
.outputBody .ck-content a, .outputHead .linkIcon:hover {
    text-decoration: underline
}
.ck-heading-dropdown .ck-button .ck-tooltip, .closeModalform, .customizeformBody .essayItem, .feedbackModal1, .feedbackModal2, .modelsOverlay, .outputHead.mobile, .screenLoader {
    display: none
}
.ck.ck-button.ck-on, .ck.ck-button:hover, .outputHead .selectItem:hover {
    background-color: #000;
    color: #fff
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    height: 455px;
    border: unset;
    border-radius: unset;
    margin-top: 26px
}

.ck.ck-editor__main>.ck-editor__editable {
    background: 0 0
}

.ck.ck-toolbar {
    z-index: -1;
    background-color: transparent;
    border-color: transparent
}

.ck.ck-button {
    color: #d4d4d4;
    cursor: pointer;
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list__item {
    background-color: #333;
    color: #d4d4d4
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list__item:hover {
    background-color: #000;
    color: #fff
}

.ck.ck-editor__main .ck-editor__editable {
    background-color: transparent;
    color: #d4d4d4
}

.ck-button {
    outline: 0
}

.ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) {
    outline: 0;
    background-color: #000
}

.outputBody .ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active {
    background: #000;
    box-shadow: unset
}

.outputBody .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
    background: #000
}

.outputBody .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    box-shadow: unset
}

.outputBody .ck-content p {
    color: #cbcbcb;
    margin-top: 0 !important;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400
}
.outputBody .ck-content p::selection {
    color: #fff;
    background-color: #2a7adb
}

.outputBody .ck-content a {
    font-size: 15px;
    font-weight: 500;
    color: #6aa5f6
}
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners, .outputBody.defaultNone .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .outputBody.defaultNone .ck.ck-dropdown .ck-button.ck-dropdown__button, .outputBody.defaultNone .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items, .outputBody.defaultNone .ck.ck-toolbar__separator {
    pointer-events: none;
    opacity: .4
}

.ck.ck-dropdown .ck-button.ck-dropdown__button, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners, .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items, .ck.ck-toolbar__separator, .outputBody.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable {
    pointer-events: unset;
    opacity: 1
}

.outputBody.defaultNone .ck-heading-dropdown .ck.ck-button {
    opacity: 1 !important
}
.ck.ck-list__item .ck-button.ck-on {
    background: #d012ff
}
.ck.ck-sticky-panel__content {
    position: relative !important;
    z-index: unset !important;
    top: 8px;
    
}
.copyIcon:hover:after, .disLikeIcon:hover:after, .downloadIcon:hover:after, .likeIcon:hover:after {
    position: absolute;
    content: 'Copy';
    background-color: #334155;
    border-radius: 5px;
    color: #fff;
    width: max-content;
    right: 0;
    top: 35px;
    padding: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 128%;
    transition: .3s;
    z-index: 1
}

.disLikeIcon:hover:after {
    content: 'Dislike'
}

.likeIcon:hover:after {
    content: 'Like'
}

.downloadIcon:hover:after {
    content: 'Download'
}

.letterGenerator .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .sentenceRewriter .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .thesisStatment .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .thesisStatment .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    height: 455px;
}

.paraGenerator .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable {
    height: 390px
}
.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
    z-index: 1
}

.ck.ck-content h1, .ck.ck-content h2, .ck.ck-content h3, .ck.ck-content h4 {
    color: #cbcbcb
}

.ck.ck-content ol {
    margin-left: 20px
}

.ck.ck-content ul {
    margin-left: 20px;
    list-style-type: disc
}

li::marker {
    color: #fff
}
.aiDisclaimer {
    margin: 30px
}

.aiDisclaimer p {
    font-weight: 400;
    font-size: 14px;
    line-height: 174%;
    color: #bcbcbc;
    text-align: center;
    max-width: 891px;
    width: 100%;
    margin: 0 auto;
    font-style: italic
}
#editor {
    opacity: 0;
    border: 1px solid #191a1c
}
#genText{
    text-decoration: none!important;
}
.advanceSetting{
    display: none;
    margin-top: 16px;
}
.hideSettingBtn,
.showSettingBtn{
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    text-decoration: underline;
    color:#fff;
    cursor: pointer;
    max-width: max-content;
    margin-left: auto;
}
.hideSettingBtn{
  display: none;
}
.hideSettingBtn:hover,
.showSettingBtn:hover{
    text-decoration: none;
}
.hideSettingBtn{
    display: none;
    text-align: right;
    max-width: max-content;
    margin-left: auto;
}
.inputGroup.mt-10{
    margin-bottom: 10px;
}
.inputGroup.mt-7{
    margin-bottom: 10px;
}
.optional{
    color:#BCBCBC;
}
/* refine output */
/* .refineOutputSec{
  position: relative;
} */
.refineBtnwrap {
  position: absolute;
    bottom: -6px;
    right: 0px;
    z-index: 2;
    width: 100%;
    display: none;
    background: #191a1c;
}
.refineBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  height:38px;
  min-width: 175px;
  width: 175px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-decoration: underline;
  color: #fff;
  outline: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 5px;
  margin-left: auto;
  margin-bottom: 12px;
  margin-right: 15px;
}
.refineOutputsecWrpa.show .refineBtn,
.refineBtn:hover{
  background: 
linear-gradient(265.4deg, rgba(30, 67, 255, 0.2) -20.86%, rgba(179, 24, 255, 0.2) 95.76%);
}
.refineBtn:after{
  content:"";
  background: url(../icons/btnArrow.svg);
  width:12px;
  height: 8px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  background-repeat: no-repeat;
}
.refineOutputsecWrpa.show .refineBtn:after{
  content: '';
  transform: rotateX(180deg);
}
.refineOutputFeature{
  display: none;
  background: #191A1C;
  border: 1px solid #4B4C4F;
  border-radius: 5px;
  max-width: 595px;
  position: absolute;
  width: 100%;
  z-index: 1111;
  right: 15px;
  bottom: 55px;

}
.refineOutputsecWrpa.show .refineOutputFeature{
  display: block;
}
.featureBtnWrap{
  max-width: 100%;
  width:100%;
  display: flex;
  justify-content: space-between;
  gap:25px 15px;
  flex-wrap: wrap;
  padding: 47px 66px;
}
.refineFeatureBtn{
  max-width: 222px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid #898B8D;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  background: transparent;
  outline: none;
  flex: 0 0 222px;
}
.refineFeatureBtn.active,
.refineFeatureBtn:hover{
  border: 1px solid transparent;
  background: linear-gradient(to right, #000, #000), linear-gradient(94.55deg, #ff51d7 -9.2%, #ff4848 21.42%, #6248ff 50.94%, #1862ff 95.77%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  color: #fff;
}

.outputBody {
  position: relative;
}
.customInstruction{
  display: none;
  padding: 39px 38px 36px; 
}
.customInstruction .inputGroup label{
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 7px;
}
.customInstruction .inputGroup textarea{
height: 225px;
}
.customSubmitBtn{
  border: 1px solid transparent;
  border-radius: 5px;
  width: 102px;
  height: 33px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.62px;
  color: #fff;
  border: 1px solid transparent;
  background: linear-gradient(180deg, #0A0814 0, #0A0814 28.13%, #0A0814 63.54%, #0A0814 100%) padding-box, linear-gradient(86.65deg, #FF51D7 -14.23%, #FF4848 40.8%, #6248FF 77.66%, #1862FF 115.44%) border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-left: auto;
}
.overlayRefine{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  display: none;
  transition: .3s;
  /* backdrop-filter: blur(4px); */
  top: 0;
  left: 0;
  z-index: 1111;
}
/* aiDetect */
#results, .plagTopData, .sourceReport {
  border-bottom: unset;
}
.plagarismDetecoverview {
  display: flex
;
  column-gap: 15px;
}
.crossIcon{
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-block;
  cursor: pointer;
}
.featurewrap{
  position: relative;
}
/* .outputHead span.historyBtn {
  background: transparent;
  padding: 0px;
} */
@media (max-width: 575px) {
    .outputBody .ck.ck-dropdown__panel {
        background: #000
    }
    .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
        height: calc(100vh - 220px);
        margin-top: 79px
    }
    .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
        height: 455px;
        border: unset;
        border-radius: unset;
        margin-top: 46px;
    }
    .copyIcon:hover:after, .disLikeIcon:hover:after, .downloadIcon:hover:after, .likeIcon:hover:after {
      content: unset;
  }
  .refineOutputFeature {
    
    right: 0;
    /* bottom: 55px; */
    bottom: 0px;
}

.featureBtnWrap {
  max-width: 100%;
  width: 100%;
  gap: 15px;
  padding: 31px 7px;
  justify-content: center;
}
.crossIcon {
  top: 5px;
  right: 10px;
}
.refineFeatureBtn {
  max-width: 182px;
  font-size: 12px;
  flex: 0 0 167px;
}
.refineBtn {
  height: 36px;
  min-width: 160px;
  width: 160px;
  font-size: 14px;
  margin-bottom: 24px;
  margin-right: 0px;
}
}
@media (max-height: 802px) {
  .formWrapper {
    height: calc(100vh - 253px);
    padding: 0 24px 40px;
  }
  #checkAI,#history-tab, #new-outputs {
    min-height: calc(100vh - 262px);
}
  .refineBtnwrap {
    bottom: -38px;
    
}
  .paraphrasingTool .formWrapper,
  .summarizerTool .formWrapper {
    height: calc(100vh - 214px);
  }
  .paraphrasingTool .formWrapper {
    height: calc(100vh - 299px);
  }
  .summarizerTool #history-tab,
  .summarizerTool #new-outputs {
    min-height: calc(100vh - 205px);
  }
  .paraphrasingTool #history-tab,
  .paraphrasingTool #new-outputs {
    min-height: calc(100vh - 282px);
  }
  /* .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    height: 360px!important;
} */
}
.creditQuantityChange .disabled-btn {
  color: #858585;
  background: #252627;
  pointer-events: none;
  border: 1px solid #252627;
}
.creditQuantityChange button:hover {
  border: 1px solid #4f4f4f;
}
.singleWord.notexists {
  font-weight: 500;
  color: #fff;
}
#mode-creative:hover + label[for="mode-creative"]::before,
#mode-expand:hover + label[for="mode-expand"]::before,
#mode-fluency:hover + label[for="mode-fluency"]::before,
#mode-formal:hover + label[for="mode-formal"]::before,
#mode-shorten:hover + label[for="mode-shorten"]::before,
#mode-simple:hover + label[for="mode-simple"]::before,
#mode-standard:hover + label[for="mode-standard"]::before {
  position: absolute;
  content: "Different words but similar tone";
  font-size: 12px;
  min-width: max-content;
  color: #fff;
  padding: 6px;
  left: -2px;
  top: -40px;
  z-index: 99999999999;
  background: #334155;
  border-radius: 5px;
  right: 0;
  text-align: center;
}
#mode-creative:hover + label[for="mode-creative"]::after,
#mode-expand:hover + label[for="mode-expand"]::after,
#mode-fluency:hover + label[for="mode-fluency"]::after,
#mode-formal:hover + label[for="mode-formal"]::after,
#mode-shorten:hover + label[for="mode-shorten"]::after,
#mode-simple:hover + label[for="mode-simple"]::after,
#mode-standard:hover + label[for="mode-standard"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -9px;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #334155 transparent transparent;
  z-index: 99999999999;
}
#mode-simple:hover + label[for="mode-simple"]::before {
  content: "Easily understandable text for all.";
}
#mode-formal:hover + label[for="mode-formal"]::before {
  content: "Adding professional context through tone";
}
#mode-shorten:hover + label[for="mode-shorten"]::before {
  content: "Condenses to keep important information.";
}
#mode-fluency:hover + label[for="mode-fluency"]::before {
  content: "Enhancing language and correcting grammar mistakes";
  left: -202px;
}
#mode-expand:hover + label[for="mode-expand"]::before {
  content: "Adding details and depth to make it longer.";
}
#mode-creative:hover + label[for="mode-creative"]::before {
  content: "Creative and expressive rephrasing";
}
.feedbackWrap {
  max-width: 258px;
  height: 46px;
  margin: 0 auto;
  padding: 13px 15px;
  /* border: 1px solid #565a60; */
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 29px;
}
.essayWriterWrapper.mt0{
    margin: 0;
}
.feedbackWrap h5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.95px;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
.feedbackWrap h5 span {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-left: 11px;
  cursor: pointer;
}
.feedbackWrap h5 .goodResponse:hover::before,
.feedbackWrap h5 .notForYou:hover::before {
  position: absolute;
  content: "Good response";
  font-size: 13px;
  font-weight: 600;
  line-height: 17.29px;
  min-width: max-content;
  background-color: #d012ff;
  color: #fff;
  padding: 3px 5px;
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
  z-index: 99999999999;
  border-radius: 2px;
  right: 0;
  text-align: center;
}
.feedbackWrap h5 .notForYou:hover::before {
  content: "Not for you?";
}
.feedBackOverlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000040;
  z-index: 5555;
  left: 0;
  backdrop-filter: blur(6px);
}
.feedbackModal1 .modalwraper,
.feedbackModal2 .modalwraper {
  max-width: 578px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  background: linear-gradient(to right, #060606, #060606),
    linear-gradient(
      94.55deg,
      #ff51d7 -9.2%,
      #ff4848 21.42%,
      #6248ff 50.94%,
      #1862ff 95.77%
    );
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 55555;
}
.thankyouModal img {
  margin: 0 auto 15px;
}
.thankyouModal {
  text-align: center;
}
.thankyouModal .modalTitle {
  font-size: 30px;
  line-height: 36.31px;
  font-weight: 600;
  background: linear-gradient(
    89.65deg,
    #ff51d7 -1.7%,
    #c300ff 14.73%,
    #c300ff 44.03%,
    #30b6ff 68.59%,
    #00f0ff 89.61%,
    #1e43ff 104.67%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 7px;
}
.thankyouModal .descModal {
  font-size: 14px;
  font-weight: 400;
  line-height: 23.8px;
  text-align: center;
  color: #fff;
  max-width: 367px;
  width: 100%;
  margin: 0 auto 20px;
}
.thankyouModal .modal-btn {
  background: linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  width: 234px;
  height: 39px;
  border-radius: 5px;
  outline: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.15px;
  letter-spacing: 0.03em;
  color: #fff;
}
.responseModal .modalTitle {
  font-size: 25px;
  line-height: 39.93px;
  font-weight: 600;
  background: linear-gradient(
    89.65deg,
    #ff51d7 -1.7%,
    #c300ff 14.73%,
    #c300ff 44.03%,
    #30b6ff 68.59%,
    #00f0ff 89.61%,
    #1e43ff 104.67%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 7px;
}
.responseModal .descModal {
  font-size: 14px;
  font-weight: 400;
  line-height: 22.36px;
  color: #fff;
}
.responseModal .modalForm {
  margin: 44px 0 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.responseModal .modalLabel {
  font-size: 14px;
  font-weight: 600;
  line-height: 22.36px;
  text-align: left;
  color: #fff;
}
.modalForm textarea,
.responseModal .submit-btn {
  width: 100%;
  outline: 0;
  font-size: 15px;
  color: #fff;
}
.modalForm textarea {
  height: 121px;
  border: 1px solid #565a60;
  padding: 13px 15px;
  border-radius: 5px;
  background: #191a1c;
  resize: none;
  font-weight: 400;
  line-height: 21px;
}
.modalForm textarea::placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #9fa7af;
}
.responseModal .submit-btn {
  background: linear-gradient(265.4deg, #1e43ff -20.86%, #b318ff 95.76%);
  max-width: 186px;
  margin: 0 0 0 auto;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5.9px;
  padding: 11px 15px;
  font-weight: 500;
  line-height: 18.15px;
  letter-spacing: 0.03em;
  justify-content: center;
  align-items: center;
}
.responseModal .submit-btn:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3%)
    hue-rotate(127deg) brightness(105%) contrast(100%);
}
.no-scroll {
  overflow: hidden;
}
.submitProcessing {
  width: 22px;
  height: 22px;
  display: none;
  margin: 0 auto;
}
.modalForm #feedbackDesc.error {
  border-color: red !important;
}
.modalForm textarea.error:focus {
  border: 1px solid red !important;
}
.submitText img {
  position: relative;
  top: 3px;
}
.readibilityTool .inputGroup textarea,
.structurTool .inputGroup textarea {
  min-height: 345px;
  max-height: 345px;
}
.essayWriterWrapper.structurTool-py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.essayWriterWrapper.structurTool-pt-0 {
  padding-top: 0;
}
.mar-b40 {
  margin-bottom: 40px;
}
div#old-essays .history:last-child {
  border: none !important;
}
.actionBtns {
    gap: 8px;
    position: absolute;
    right: 14px;
    top:12px;
    z-index: 2;
    display: none
}

.actionBtns span {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #242525;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    position: relative
}

.actionBtns span:hover {
    border: 1px solid #767676;
    background-color: #242525
}

.actionBtns span.selected {
    border: 1px solid #d012ff;
    background: #171717
}

@media (max-width: 767px) {
  .essayWriterOutput,
  .ewBtns {
    border-top: 1px solid #565a60;
  }
  .inputGroup label,
  .modalToolBody p {
    margin-bottom: 8px;
  }
  .responseModal .submit-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3%)
      hue-rotate(127deg) brightness(105%) contrast(100%);
  }
  .feedbackModal1 .modalwraper,
  .feedbackModal2 .modalwraper {
    width: calc(100% - 30px);
  }
  .responseModal .modalTitle {
    font-size: 22px;
    margin: 0 auto 4px;
  }
  .responseModal .modalForm {
    margin: 23px 0 27px;
  }
  .thankyouModal .modalTitle {
    font-size: 25px;
  }
  .feedbackWrap h5 .goodResponse:hover::before,
  .feedbackWrap h5 .notForYou:hover::before {
    display: none;
  }
  #new-essays,
  #old-essays {
    max-height: calc(100vh - 52px);
  }
  .plagarismTool .formWrapper {
    padding: 0;
  }
  .select2-container--open .select2-dropdown {
    left: 0;
    z-index: 9;
  }
  .plagarismTool .formWrapper,
  .summarizerTool .formWrapper {
    padding-bottom: 50px;
  }
  .flexGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    flex-direction: column;
    margin-top: 34px;
  }
  .essayWriterWrapper.mb-0,
  .flexGroup .inputGroup {
    margin-bottom: 0;
  }
  .customSlider .wrapper {
    max-width: 100%;
    width: 100%;
  }
  .newOutputs.zeroData {
    display: block;
  }
  .upgradeOverlay {
    padding: 205px 0;
  }
  .upgradeOverlay.show {
    width: 100%;
    left: 0;
  }
  .formWrapper,
  .paraphrasingTool .formWrapper,
  .summarizerTool .formWrapper {
    height: 100%;
  }
  .uploadGroup {
    display: flex;
    column-gap: 18px;
    top: 62%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
  }
  #copyBtn:hover::before,
  #downloadBtn:hover::before {
    content: unset;
  }
  .outputHead {
    padding: 12px 0;
  }
  .ewBtns,
  .paraphrasingTool .ewBtns,
  .summarizerTool .ewBtns {
    padding: 22px 24px 17px;
  }
  .ewBtns {
    background: #242424;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .generateEssayBtn {
    padding: 8.5px 29px;
  }
  .generateEssayBtn .btnText {
    font-size: 15px;
    font-weight: 400;
  }
  .essayWriterWrapper {
    margin: 120px auto 22px;
  }
  .essayWriterBody {
    border: unset;
    background: 0 0;
    box-shadow: unset;
  }
  .formWrapper {
    padding: 0 5px 30px 10px;
    background-color: transparent;
    overflow-y: auto;
  }
  .essayWriterInput {
    border-right: unset;
  }
  .inputHead {
    padding: 0 0 11px 10px;
    column-gap: 6px;
    align-items: start;
  }
  .headText h1 {
    font-size: 19px;
    font-weight: 500;
  }
  .headText p,
  .inputGroup label {
    font-weight: 400;
    font-size: 13px;
  }
  .headText p {
    line-height: 19.95px;
    color: #9fa7af;
  }
  .inputGroup label {
    line-height: 15.73px;
  }
  .inputGroup input::placeholder {
    color: #858585;
    font-size: 12px;
  }
  .inputGroup.aiGroup input {
    padding: 0 101px 0 12px;
  }
  .helpBtn {
    max-width: 168px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21.28px;
    right: -85px;
    top: 26.6%;
    z-index: 111;
  }
  .answerPrompts {
    max-width: 330px;
    width: 100%;
  }
  .writingHelpModalwrap {
    padding: 12px 9px;
    max-width: 363px;
    top: 28%;
    z-index: 111;
  }
  .writingHelpModalitem + .writingHelpModalitem {
    margin-top: 15px;
  }
  .writingHelpModalitem {
    gap: 21px;
  }
  .essayWriterWrapper::before {
    top: 552px;
  }
}
@media (max-height: 720px) {
  .creditsWrapper {
    margin-top: -3px;
  }

}
@media (max-width: 575px) {
    .actionBtns {
      z-index: 1;
      right: 0px;
      top: 58px;
        
    }
    .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
        margin-top: 63px;
    }
    .inputGroup.mt-7 {
        margin-top: 16px;
        margin-bottom: 10px;
    }
    .flexGroup {
    
        margin-top: 16px!important;
    }
    .formWrapper, .paraphrasingTool .formWrapper, .summarizerTool .formWrapper {
        height: calc(100vh - 314px)!important;
    }
  #generate-essay-processing-btn {
    max-width: 143px;
  }
  .clearFields{
    display: none;
  }
  /* .orderBtn {
    order: 3;
    margin-top: 12px;
    max-width: max-content;
    font-weight: 400;
    margin-right: 0;
    background: unset;
    height: unset;
    font-size: 15px;
    padding: 0;
    text-decoration: underline;
  } */
  .hireWriterBtn {
    margin-left: unset;
   
}

.ewBtns {
    padding: 37px 29px 17px;
}
  .history.withData:hover {
    background: #10101000;
  }
  .feedbackWrap {
    max-width: 255px;
  }
  .feedbackWrap h5 {
    font-size: 14px;
  }
  .essayWriterWrapper.contentSec {
    padding-left: 0;
    padding-right: 0;
  }
  footer .view-offer {
    bottom: 94px;
    z-index: 333;
  }
  #mode-creative:hover + label[for="mode-creative"]::after,
  #mode-creative:hover + label[for="mode-creative"]::before,
  #mode-expand:hover + label[for="mode-expand"]::after,
  #mode-expand:hover + label[for="mode-expand"]::before,
  #mode-fluency:hover + label[for="mode-fluency"]::after,
  #mode-fluency:hover + label[for="mode-fluency"]::before,
  #mode-formal:hover + label[for="mode-formal"]::after,
  #mode-formal:hover + label[for="mode-formal"]::before,
  #mode-shorten:hover + label[for="mode-shorten"]::after,
  #mode-shorten:hover + label[for="mode-shorten"]::before,
  #mode-simple:hover + label[for="mode-simple"]::after,
  #mode-simple:hover + label[for="mode-simple"]::before,
  #mode-standard:hover + label[for="mode-standard"]::after,
  #mode-standard:hover + label[for="mode-standard"]::before,
  .purchaseCreditsBtn svg {
    display: none;
  }
  ::-webkit-scrollbar {
    width: 0;
  }
  .generatedEssay {
    margin-bottom: unset;
  }
  .plagTopData,
  .singleCreditInfo {
    justify-content: center;
  }
  .creditsWrapper {
    padding: 20px 10px;
  }
  .creditQuantity {
    max-width: 70px;
  }
  .creditsBalance p,
  .creditsBalance p a,
  .quotaHead,
  .quotaHead span {
    font-size: 12px;
  }
  #userCredits,
  .creditsBalance p a {
    gap: 2px;
  }
  .creditInfoBody p:first-child,
  .purchaseBtnWrapper p:first-child,
  .singleCreditInfo.first {
    max-width: 67px;
    width: 100%;
  }
  #userCredits,
  .creditsBalance span {
    font-weight: 400;
    font-size: 12px;
  }
  .inputHead {
    padding-left: 0;
    align-items: start;
  }
  .headIcon {
    flex: 0 0 52px;
  }
  .inputGroup textarea {
    font-size: 13px;
  }
  .history.withData,
  .newOutputs.withData {
    padding: 7px 0 40px;
  }
  .formWrapper,
  .paraphrasingTool .formWrapper,
  .summarizerTool .formWrapper {
    padding: 0 0 60px;
  }
  .writingHelpModalwrap {
    min-height: 179.78px;
  }
  .inputGroup.textGroup textarea {
    min-height: 54vh;
    height: 100%;
    max-height: 54vh;
    padding: 15px;
  }
  .newOutputs.zeroData {
    display: block;
  }
  .outputHead {
    margin: 0;
  }
  .inputGroup.mb-0 {
    margin-bottom: 30px;
  }
}
@media print {
  .generatedEssay p {
    color: #000 !important;
  }
}
@media (max-height: 720px) and (min-width: 1200px) {
  html {
    zoom: 0.86;
  }
  .flexGroup {
    flex-direction: column;
  }
  .flexGroup .inputGroup:first-child {
    margin-bottom: 0;
  }
  .selectGroup.mb-0 {
    margin-bottom: 30px;
  }
  .articleTool .inputGroup.selectGroup {
    max-width: 100%;
  }
  .select2-container--open .select2-dropdown {
    top: 73px;
    left: 20px;
  }
}