.container-2{
  max-width: unset !important;
--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--container-gutter)* 2, var(--container-max-width));
 --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width)) / 2);
 margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
 margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}
.headlineText{
    
     background: #2B2B3B;
     height: 72px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     margin: 40px 0 30px;
     text-align: center;
     padding: 0 15px;
   }
   .headlineText p{
     color:#fff;
     font-weight: 600;
     font-size: 17px;
     line-height: 150%;
   }
   .banner-grid{
     position: relative;
   }
   .banner-grid-1{
     width: calc(100% - 380px);
   }
   .banner-grid-1 img{
     width: 100%;
     display: inline-block;
   }
   .banner-grid img{
     aspect-ratio: 1.6;
     border-radius: 12px;
     height: inherit;
     max-width: 100%;
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     box-shadow: 0 2px 4px 0 rgba(21, 21, 35, 0.2);
    }
   .group-banner{
     width: calc(100% - 380px);
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 24px;
     margin-top: 24px;
     margin-inline: 0px;
     padding-inline: 0px;
   }
   .group-banner img{
     width: 100%;
     height: 100%;
     display: inline-block;
   }
   .banner-grid-wrap.banner-grid-d,
   .banner-grid-wrap.banner-grid-c{
     position: absolute;
     right:0;
     height: calc(50% - .9rem);
     width: 356px;
     
   }
   .banner-grid-wrap.banner-grid-c{
     top: 0;
   }
   .banner-grid-wrap.banner-grid-d{
     bottom: 0;
   }
   .banner-grid-wrap{
     position: relative;
   }
   .cate-overlay-name{
     background: rgba(43, 43, 59, 0.4);
     left: 0;
     padding: 2px 8px;
     position: absolute;
     top: 0;
     border-bottom-right-radius: 8px;
     border-top-left-radius: 8px;
     cursor: pointer;
   }
   .cate-overlay-name:hover{
     background-color: #2B2B3B;
   }
   .cate-overlay-name:hover a{
     color: #fff;
   }
   .cate-overlay-name a{
     display: inline-block;
     color:rgba(255, 255, 255, 0.6);
     font-weight: 600;
     font-size: 12px;
   }
   .group-banner .cate-overlay-name{
     padding: 2px 5px;
   }
   .group-banner .cate-overlay-name a{
     font-size: 11px;
   }
   .banner-grid-text{
     bottom: 56px;
     left: 56px;
     right: 56px;
     position: absolute;
     pointer-events: none;
   }
   .group-banner .banner-grid-text{
     bottom: 24px;
     left: 24px;
   }
   .banner-grid-text h2{
     color: #fff;
 font-size: 45px;
 font-weight: 700;
 line-height: 114%;
   }
   .group-banner .banner-grid-text h2{
     font-size: 24px;
   }
   .banner-grid-text p{
     color:#fff;
     font-size: 18px;
     font-weight: 600;
     line-height: 150%;
     margin-top: 12px;
   }
   .banner-grid-text .ctaBtn{
     background-color: #fff;
     border-radius: 12px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     max-width: max-content;
     padding: 0 30px;
     color:#1a1a1a;
     font-size: 18px;
     font-weight: 600;
     margin-top: 12px;
   }
   .group-banner .banner-grid-text .ctaBtn{
     font-size: 15px;
     padding: 0 15px;
     height: 40px;
   }
   @media  (max-width:1050px) {
     .banner-grid-1{
       width: 100%;
     }
     .group-banner{
       width: 100%;
       grid-template-columns: repeat(4, minmax(280px, 1fr));
       overflow-y: hidden;
       overflow-x: auto;
     }
     .banner-grid-wrap.banner-grid-d,
   .banner-grid-wrap.banner-grid-c{
     position: relative;
     height: 100%;
     right: unset;
     width: 100%;
   }
   .banner-grid img{
     aspect-ratio: 1.3;
   }
   .banner-grid-text .ctaBtn {
     height: 40px;
     padding: 0 20px;
     font-size: 15px;
     font-weight: 600;
     margin-top: 10px;
   }
   .banner-grid-text p {
     font-size: 16px;
     margin-top: 7px;
   }
   .banner-grid-text h2 {
     font-size: 30px;
   }
   .banner-grid-text {
     bottom: 20px;
     left: 20px;
     right: 20px;
   }
   }

/* bannerSec */
.bannerSec {
  padding: 153px 0 121px;
  background: url(../images/bannerBg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#file-id{
  display: none;
}
.toolBodywrap {
  display: flex;
  column-gap: 12px;
}
.toolForm {
  max-width: 665px;
  width: 100%;
}
#description {
  border: 1px solid #f0e9fc;
  border-radius: 18px 0px 0px 18px;
  width: 100%;
  min-height: 390px;
  height: 100%;
  background: #fff;
  outline: none;
  padding: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: var(--secondary-color);
}

.stepContent > p:first-of-type {
  font-size: 20px;
  line-height: 39px;
  font-weight: 600;
  color: #1f1f1f;
}

.faqCard > p:first-of-type {
  color: #1f1f1f;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
#description:hover {
  border-color: #bd9df3;
}
#description.invalid{
  border: 1px solid #F5222D;

}
#description::placeholder {
  color: #a890c6;
}
#textHumanizertool .formGroup {
  position: relative;
}
.sampleTypegroup,
.actionBtns {
  max-width: 287px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  margin: 0 auto;
  width: 100%;
}
.actionBtns {
  position: absolute;
  top: 69px;
  left: 50%;
  transform: translateX(-50%);
}
.sampleTypegroup {
  display: none;
}
.sampleTypegroup.show{
    display: flex;
}
.sampleTypebtn,
.acBtn {
  max-width: 140px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  outline: none;
  border: 1px solid #efe7f9;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
  color: #614E88;
  position: relative;
  border-radius: 4px;
  background: #fff;
}
.sampleTypebtn:hover,
.acBtn:hover {
  border-color: #e9ddfb;
  color: #9270ca;
}
.toolTip{
  display: flex;
  position: absolute;
  bottom: 5px;
  right: 1px;
  cursor: pointer;
}
.tipText{
  display: none;
  position: absolute;
  bottom: 50px;
  right: 54px;
  box-shadow: 0px 0px 4.7px 0px #3763D21A;
  max-width: 413px;
  width: 100%;
  border: 1px solid #F4F6FC;
  background: #F9FAFE;
  border-radius: 6px;
  padding: 12px;
}
.tipText strong{
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
  color:#293E74;
  display: block;
  margin-bottom: 8px;
}
.tipText p{
 
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  color: var(--text-color);

}
.pasteBtn::before {
  content: "";
  background: url("../images/paste.svg");
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
}

.sampleBtn::before {
  content: "";
  background: url("../images/sampleIcon.svg");
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
}
.acBtn:hover.sampleBtn::before,
.acBtn:hover.pasteBtn::before {
  filter: brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(281%)
    hue-rotate(220deg) brightness(89%) contrast(79%);
}
.sampleBtn.activeSample{
    border: 1px solid #5B0BE1;
    color:#5B0BE1;
}
.acBtn:hover.sampleBtn.activeSample::before,
.sampleBtn.activeSample::before{
  content:'';
  filter: brightness(0) saturate(100%) invert(16%) sepia(96%) saturate(4473%) hue-rotate(262deg) brightness(81%) contrast(124%);
    
}
.sampleTypebtn {
  max-width: max-content;
  padding: 0 16px;
  margin-top: 10px;
}
.genrateBtngroup {
  display: flex;
  justify-content: space-between;
  align-self: center;
  margin-top: 12px;
}

.modes {
  display: flex;
  column-gap: 15px;
}
.modes .labelText {
  font-size: 14px;
  font-weight: 500;
  line-height: 16.94px;
  color: var(--secondary-color);
}
.advanceBtn {
  position: relative;
}
.advanceBtn .btnText {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--secondary-color);
}
.advanceBtn:hover .btnText {
  color: #5b0be1;
}
.advanceBtn .btnText::before {
  content: "";
  background: url(../images/advanceIcon.svg);
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 4px;
}
.advanceBtn .btnText::after {
  content: "";
  background: url(../images/advanceArrowicon.svg);
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-left: 8px;
}
.advanceBtn:hover .btnText::after {
  filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6194%)
    hue-rotate(266deg) brightness(84%) contrast(112%);
}
.genrateResults {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.clearInput,
.uploadBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  width: 33px;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  border: 1px solid transparent;
}
.clearInput:hover img,
.uploadBtn:hover img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6194%)
    hue-rotate(266deg) brightness(84%) contrast(112%);
}
.genrateBtn {
  border: 1px solid #7431C4;
  color: #7431C4;
  display: flex;
  height: 33px;
  width: 98px;
  border-radius: 4px;
  outline: none;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.generateBtntxt{
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.genrateBtn.check-ai-btn{
  width: 149px;
}
.genrateBtn.btnactive,
.genrateBtn.check-ai-btn:hover {
  border-color: #5b0be1;
  background-color: #fdfcff;
  color: #5b0be1;
}
#processingBtn{
  display: none;
}

.genrateBtn.humanize-btn {
  background-color: #5b0be1;
  color: #fff;
  border-color: #5b0be1;
}
.genrateBtn.humanize-btn:hover {
  background: linear-gradient(0deg, #5b0be1, #5b0be1),
    linear-gradient(90deg, #812be3 11.25%, #4c01e0 89.38%);
}
.genrateBtn.humanize-btn:disabled {
  border-color: #b8a7e0;
  background: #fefcff;
  cursor: not-allowed;
  color: #b8a7e0;
}
.genrateResults .genrateBtn + .genrateBtn {
  margin-left: 8px;
}
.humanizeResult{
  max-width: 493px;
  width: 100%;
  min-height: 390px;
  height: 100%;
}
.outputWrap {
 
  border: 1px solid #f0e9fc;
  border-radius: 0px 18px 18px 0px;
  background-color: #fdfcff;
}
.outputWrap:hover {
  border-color: #bd9df3;
  background-color: #fff;
}
.outputBody {
  position: relative;
  min-height: 390px;
}
.zerodataScreen {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.zerodataScreen p {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: center;
  color: #6F2FBC;
  padding-top: 20px;
}
.pre-loaderrr {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#essay-loading {
  width: 9rem;
  height: 9rem;
  border: 10px solid #f3f3f3;
  border-top: 10px solid transparent;
  border-radius: 100%;
  background: linear-gradient(to right, #fff, #fff), var(--primary-color);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  margin: auto;
  animation: spin 1.5s infinite linear;
}
.pre-loaderrr p {
  color: #fff;
}
.pre-loaderrr p {
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  color: #5B0BE1;
  line-height: 150%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.display{
  display: flex;
}
.clearInput,
.uploadBtn,
#copyResultbtn,
#downloadBtnresult{
  position: relative;
  cursor: pointer;
}
.clearInput:hover::before,
.uploadBtn:hover::before,
#downloadBtnresult:hover::before, #copyResultbtn: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: #334155;
  border-radius: 5px;
  right: 0;
  text-align: center;
}
#downloadBtnresult:hover::before{
  content: 'Download';
}
.uploadBtn:hover::before{
  content: 'Upload PDF';
}
.clearInput:hover::before{
  content: 'Clear Input';
}
.iconsLeft {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.iconsLeft .iconBtn:hover svg path{
  fill:var(--text-cta);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
 
.newOutputBtns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 10px;
}
#wordCoutnt{
  font-size: 14px;
  font-weight: 400;
  line-height: 13.31px;
  color:#AE9CCA;
}
.generatedEssay{
  padding: 20px 20px 0px;
  overflow-y: auto;
  height: 345px;
}
.generatedEssay::-webkit-scrollbar {
  width: 0px;               /* width of the entire scrollbar */
}
.generatedEssay::-webkit-scrollbar-track {
  background: #f0e9fc;        /* color of the tracking area */
}
.generatedEssay::-webkit-scrollbar-thumb {
  background-color: #f0e9fc;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #f0e9fc;  /* creates padding around scroll thumb */
}
.generatedEssay p{
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-color);
}
.humanizerOutput{
  display: none;
}
.analysesWrap{
  display: none;
  margin: 30px 0 16px;
}
.statusAlert .processingResult{
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.aicheckPreloader{
  position: relative;
}
.statusAlert.fullAiWritten .aicheckPreloader::after,
.statusAlert.halfAiWritten .aicheckPreloader::after,
.statusAlert.humanWritten .aicheckPreloader::after,
.statusAlert.default .aicheckPreloader::after{
  content:'';
  background-image: url('../images/processingGif.svg');
  width: 21px;
  height: 21px;
  display: inline-block;
 
}
.statusAlert.humanWritten .aicheckPreloader::after{
  content:'';
  background-image: url('../images/humanWritten.svg');
   
}
 
.statusAlert.halfAiWritten .aicheckPreloader::after{
  content:'';
  background-image: url('../images/halfAiWritten.svg');
 
}
.statusAlert.fullAiWritten .aicheckPreloader::after{ 
  content:'';
  background-image: url('../images/fullAiWritten.svg');
 
}
.statusAlert {
  background: #F7F9FD;
  widows: 100%;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.statusAlert.humanWritten{
  background: #EDFAE7;
}
 
.statusAlert.halfAiWritten{
  background: #FEF6E8;
}
.statusAlert.fullAiWritten{
  background: #FEE9EA;
}
.statusAlert  .checkInput{
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-align: center;
}
.statusAlert.default  .checkInput{
 
  color:#5B0BE1;
}
.statusAlert.humanWritten .checkInput{
  color: #3AAF48;
}
 
.statusAlert.halfAiWritten .checkInput{
  color: #F19D16;
}
.statusAlert.fullAiWritten .checkInput{
  color: #CF1322;
}
.aiDetectsiteGroup{
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 16px;
}
.aiDetecwrap{
  display: flex;
  align-items: center;
  max-width: 818px;
  width:100%;
  row-gap: 16px;
  column-gap: 28px;
  flex-wrap: wrap;
}
.detectorSitebox{
  border-radius: 4px;
  background-color: #F7F9FD;
  display: flex;
  justify-content: space-between;
  height: 35px;
  align-items: center;
  padding: 14px;
}
.detectorSitebox img{
  max-width: max-content;
  width: 100%;
  object-fit: contain;
  height:max-content;
}
.statusIndecator{
  display: flex;
  flex-direction: column;
  row-gap:4px;
}
.statusIndecator span{
  max-width: 150px;
  width:150px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 15.73px;
  border-radius: 3px;
}
.aiDetecwrap .detectorSitebox.default img{
  filter: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(373%) hue-rotate(187deg) brightness(90%) contrast(92%);
}
.aiDetecwrap .detectorSitebox.default::after{
  content:'';
  background: url('../images/processingGif.svg');
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left:24px;
}
.aiDetecwrap .detectorSitebox.statusHuman::after,
.aiDetecwrap .detectorSitebox.statusHalfai::after,
.aiDetecwrap .detectorSitebox.statusFullai::after{
  content: '';
  background-color: #F5222D;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  top: -1px;
  margin-left: 24px;
}
.aiDetecwrap .detectorSitebox.statusHalfai::after{
  content: '';
  background-color: #F19D16;
}
.aiDetecwrap .detectorSitebox.statusHuman::after{
  background-color: #3AAF48;
}
.aiDetecwrap .detectorSitebox.statusFullai::after{
  background-color: #F5222D;
  color: #F5222D;
}
.statusIndecator span.fullAi{
  background-color: #FEE9EA;
  color: #F5222D;
}
.statusIndecator span.human{
  background-color: #E6F8EE;
  color: #02B151;
}
.statusIndecator span.halfAi{
  background-color: #FEF6E8;
  color: #F19D16;
}
.statusIndecator span::before{
  content: '';
  background-color: #F5222D;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  top: -1px;
  margin-right: 12px;
}
.statusIndecator span.human::before{
  background-color: #02B151;
}
.statusIndecator span.halfAi::before{
  background-color: #F19D16;
}
.clipboardMsg {
  background: #5b0be1;
  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;
}
/* .secHowtoUse */
.secHowtoUse {
  background: var(--secBg);
  padding: var(--sec-space-filled);
}
.secHowtoUse .secWraper {
  max-width: 971px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 90px;
}
.stepwrap {
  display: flex;
  column-gap: 36px;
  align-items: center;
}
.stepwrap:nth-child(2) {
  flex-direction: row-reverse;
}
.imgwrap {
  max-width: 480px;
  background-color: #f3faff;
  padding: 12px;
  width: 100%;
  border-radius: 14px;
}
.imgwrap img {
  max-width: 456px;
  width: 100%;
  max-height: 252px;
  height: 100%;
}
.stepContent span {
  background: var(--primary-color);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
  font-weight: 800;
  line-height: 39px;
  margin-bottom: 16px;
}
.stepContent h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  margin-bottom: 4px;
  color: var(--secondary-color);
}
.stepContent p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-color);
}
/* why us */
.secWhyus {
  padding: var(--sec-space);
  position: relative;
}

.secWhyus::after,
.secWhyus::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 321px;
}
.secWhyus::after {
  background: url("../images/vector1.svg");
  right: 0;
  top: 0;
}
.secWhyus::before {
  background: url("../images/vector2.svg");
  left: 0;
  bottom: 0;
  z-index: -1;
}
.secWhyus .secWraper {
  max-width: 1022px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 42px;
  row-gap: 40px;
}
.whyusWraper {
  display: flex;
  column-gap: 18px;
  border: 1px solid #f0e9fc;
  border-radius: 12px;
  padding: 16px;
  background-color: #fff;
  max-width: 490px;
  width: 100%;
}
.whyusWraper:hover {
  border-color: #bd9df3;
}
.whyusDetail .cardHead {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: var(--secondary-color);
  padding-bottom: 10px;
}
.whyusDetail p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-color);
}
/* secVerifydectcor */
.secVerifydectcor {
  padding: 62px 0;
  background: linear-gradient(93.89deg, #812be3 50.53%, #4c01e0 97.05%);
}
.secVerifydectcor .headText span {
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.secVerifydectcor .headText span::after {
  content: "";
  background: url(../images/ctaBorder.svg);
  position: absolute;
  width: 113px;
  height: 5px;
  left: 50%;
  background-repeat: no-repeat;
  bottom: -2px;
  transform: translateX(-50%);
}
.secVerifydectcor .headText {
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  line-height: 39px;
  color: #fff;
  padding-bottom: 8px;
}
.secVerifydectcor p {
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  text-align: center;
  color: #fff;
}
.headText span {
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.verifyWrap {
  display: flex;
  column-gap: 52px;
  justify-content: center;
  margin-top: 51px;
}
/* who use */
.secWhouse {
  padding: var(--sec-space);
  position: relative;
}
.secWhouse::after,
.secWhouse::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 321px;
}
.secWhouse::after {
  background: url("../images/vector1.svg");
  right: 0;
  top: 0;
}
.secWhouse::before {
  background: url("../images/vector2.svg");
  left: 0;
  bottom: 0;
}

.secWhouse .secWraper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 28px;
  row-gap: 28px;
  max-width: 1094px;
  width: 100%;
  margin: 0 auto;
}
.secWhouse .whoUseCard {
  display: flex;
  column-gap: 26px;
  padding: 28px;
  border: 1px solid #f0e9fc;
  border-radius: 12px;
  max-width: 533px;
  width: 100%;
  background-color: #fff;
}
.secWhouse .whoUseCard:hover {
  border: 1px solid #bd9df3;
}
.secWhouse .whoUsedetail p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: var(--text-color);
}
.secWhouse .whoUsedetail .cardHead {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  margin-bottom: 6px;
  color: var(--secondary-color);
  display: inline-block;
}
.secWhouse .whoUseCard:nth-child(odd) {
  border: 1px solid #dbc8f9;
  background-color: var(--bg-light);
}

.secWhouse .whoUseCard:nth-child(odd):hover {
  border: 1px solid #bd9df3;
}
.secWhouse .whoUseCard:nth-child(3) {
  max-width: 100%;
}
/* secWhyhumanizing */
.secWhyhumanizing {
  background: var(--secBg);
  padding: var(--sec-space-filled);
}

.whyHumanizewrap {
  display: flex;
  column-gap: 64px;
  max-width: 1014px;
  width: 100%;
  margin: 0 auto;
}
.whyHumanizewrap .secTitle h2 {
  max-width: 253px;
  width: 100%;
  text-align: left;
}
.whyHumanizewrap .secTitle p {
  text-align: left;
}
.whyHumanizewrap .btnSecondary {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 70px;
  max-width: 192px;
  height: 36px;
}
.whyHumanizewrap .listCardwrap {
  display: flex;
  column-gap: 16px;
  position: relative;
}
.whyHumanizewrap .listCardwrap::after {
  content: "";
  height: 62px;
  width: 1px;
  position: absolute;
  left: 18px;
  background: #cbb0f6;
  top: 50%;
  transform: translateY(12px);
}
.whyHumanizewrap .listCardwrap:last-child:after {
  display: none;
}
.listCardDetail .cardHead {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: var(--secondary-color);
  padding-bottom: 3px;
}
.listCardDetail p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-color);
  padding-bottom: 3px;
}
.listWrap .listCardwrap + .listCardwrap {
  margin-top: 40px;
}
.listCardwrap img {
  position: relative;
  top: 5px;
}
.secWhyhumanizing .btnSecondary.mob {
  display: none;
}
/* secWriterReview */
.secWriterReview {
  padding: var(--sec-space);
}
.writerCard {
  padding: 32px 16px 20px;
  border: 1px solid #f0e9fc;
  background: #fcfaff;
  border-radius: 12px;
  max-width: 374px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 45px;
}
.writerCard:hover{
  border-color: #bd9df3;
}
.writerCard span {
  display: block;
}
.writerCard .cardProfilewrap {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.writerCard .cardProfilewrap img{
  width: 48px;
  height: 48px;
}
.writerCard p {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: var(--text-color);
  padding-top: 16px;
}
.writerInfo .writerName {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: var(--secondary-color);
}
.jobTitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 15.73px;
  color: var(--text-color);
}
.writerPagination {
  position: unset;
  margin-top: 20px;
}
.writerPagination .swiper-pagination-bullet {
  background-color: #e8dcfb;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.writerPagination .swiper-pagination-bullet-active {
  background: var(--text-cta);
  width: 30px;
  border-radius: 100px;
}
.writerPagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.5px);
}
/* secFaq */
.secFaq {
  padding: var(--sec-space-filled);
  background-color: var(--secBg);
}
.secFaq .faqCard {
  padding: 22px;
  border: 1px solid #ebe2fb;
  background-color: #fbfcfe;
  border-radius: 12px;
  max-width: 568px;
  width: 100%;
}
.secFaq .faqCard:hover{
  border-color: #bd9df3;
}
.secFaq .secWraper {
  display: flex;
  justify-content: space-between;
  column-gap: 34px;
  row-gap: 34px;
  flex-wrap: wrap;
}
.faqHead {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: var(--secondary-color);
  position: relative;
 
}
.faqHead::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  left: -30px;
  border-radius: 100%;
  background-color: var(--text-cta);
  margin-right: -10px;
  position: relative;
  top: 0px;
}
.faqCard p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-color);
  padding-top: 10px;
  margin-left: 29px;
}
.faqCard p a {
  color: #5b0be1;
  text-decoration: underline;
}
.faqCard p a:hover {
  text-decoration: unset;
}
/* secCta */
.secCta {
  padding: var(--sec-space);
  position: relative;
}
.secCta::after,
.secCta::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 321px;
}
.secCta::after {
  background: url("../images/vector1.svg");
  right: 0;
  top: 0;
  z-index: -1;
}
.secCta::before {
  background: url("../images/vector2.svg");
  left: 0;
  bottom: 0;
  z-index: -1;
}

.secCta .ctaWraper {
  max-width: 742px;
  padding: 45px 15px;

  background: linear-gradient(93.89deg, #812be3 50.53%, #4c01e0 97.05%);
  border-radius: 22px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.secCta .ctaHead {
  font-size: 26px;
  font-weight: 600;
  line-height: 39px;
  text-align: center;
  color: #fff;
  padding: 18px 0 8px;
}
.secCta .ctaDesc {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: center;
  max-width: 562px;
  margin: 0 auto;
  color: #fff;
}
.secCta .btnSecondary {
  max-width: 180px;
  width: 100%;
  height: 36px;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 40px;
}
.secCta .btnSecondary:hover{
  background: #F8F3FF;
  color: var(--text-cta);
}
.secCta .btnSecondary:hover::after{
  filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(5879%) hue-rotate(266deg) brightness(84%) contrast(113%);
}
.ctaHead span {
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.ctaHead span::after {
  content: "";
  background: url(../images/ctaBorder.svg);
  position: absolute;
  width: 113px;
  height: 5px;
  left: 0;
  background-repeat: no-repeat;
  bottom: -2px;
}
@media (max-width: 575px) {
  /* tools */
  .bannerSec {
    padding: 90px 0;
  }
  .toolBodywrap {
    flex-direction: column;
    row-gap: 16px;
}
.statusIndecator span{
  max-width: unset;
  width:unset;
  padding: 0 16px;
}
.statusAlert .checkInput {
  font-size: 13px;
  font-weight: 600;
  max-width: 300px;
  text-align: center;
}
.humanizeResult,
#description{
  border-radius: 18px;
  max-width: 100%;
  width: 100%;
}
.statusAlert .processingResult {
  align-items: self-start;
  column-gap: 7px;
}
.statusAlert.fullAiWritten .aicheckPreloader::after, .statusAlert.halfAiWritten .aicheckPreloader::after, .statusAlert.humanWritten .aicheckPreloader::after, .statusAlert.default .aicheckPreloader::after {
  content: '';
  width: 18px;
  height: 18px;
  background-size: contain;
}
.aiDetectsiteGroup {
  flex-direction: column-reverse;
  row-gap: 25px;
}
.statusIndecator {
  flex-direction: row;
  row-gap: 4px;
  column-gap: 10px;
  margin: 0 auto;
}
.statusAlert.humanWritten .checkInput{
  max-width: 266px;
}
/* Tools End */
.stepContent > p:first-of-type{
  font-size: 18px;
}
  .stepwrap:nth-child(2),
  .stepwrap {
    flex-direction: column-reverse;
    row-gap: 26px;
  }
  .secWhyus::after {
    right: 0;
    top: 290px;
    z-index: -1;
  }
  .secWhouse::after,
  .secWhyus::after,
  .secCta::after {
    background: url(../images/vector1-mob.svg);
    right: 0;
    top: 0;
    z-index: -1;
    width: 164px;
    height: 386px;
  }
  .secWhouse::before,
  .secCta::before {
    background: url(../images/vector2-mob.svg);
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 121px;
    height: 338px;
  }
  .secWhouse::after {
    right: 0;
    top: 113px;
    z-index: -1;
  }

  .secHowtoUse .secWraper {
    row-gap: 70px;
  }
  .stepContent p {
    font-size: 13px;
    line-height: 22px;
  }
  .stepContent span {
    font-size: 26px;
    line-height: 39px;
    margin-bottom: 14px;
  }
  .stepContent h3 {
    font-size: 18px;
    line-height: 25px;
  }

  .secWhyus .secWraper {
    row-gap: 24px;
  }
  .whyusWraper {
    column-gap: 16px;
  }
  .secVerifydectcor {
    padding: 70px 0;
  }
  .verifyWrap {
    flex-wrap: wrap;
    row-gap: 40px;
    justify-content: space-between;
    max-width: 360px;
    margin: 51px auto 0;
  }
  .verifyWrap span{
    max-width: 143px;
    width:100%;
    display: inline-block;
  }
  .writerCard{
    max-width: 100%;
  }
  .secVerifydectcor .headText,
  .secVerifydectcor .headText span {
    font-size: 24px;
    line-height: 32px;
  }
  .secVerifydectcor .headText {
    padding-bottom: 15px;
    max-width: 260px;
    margin: 0 auto;
  }
  .secVerifydectcor p {
    font-size: 13px;
    line-height: 22px;
  }
  .secWhouse .whoUseCard {
    flex-direction: column;
    padding: 22px;
    row-gap: 22px;
  }
  .whyHumanizewrap {
    flex-direction: column;
  }
  .whyHumanizewrap .secTitle h2 {
    max-width: 287px;
    width: 100%;
    text-align: center;
    margin: 0 auto 12px;
  }
  .whyHumanizewrap .secTitle p {
    text-align: center;
  }
  .whyHumanizewrap .btnSecondary {
    display: none;
  }
  .whyHumanizewrap .btnSecondary.mob {
    display: flex;
    margin: 22px auto 0;
  }
  .listWrap {
    padding-top: 60px;
  }
  .secCta .ctaHead {
    font-size: 22px;
    line-height: 32px;
    max-width: 310px;
    margin: 0 auto;
  }
  .ctaHead span {
    font-size: 22px;
  }
  .secCta .ctaDesc {
    font-size: 13px;
    line-height: 22px;
    padding-top: 12px;
  }
  .secCta .btnSecondary {
    margin-top: 30px;
  }
  .secWhyus,
  .secWhouse,
  .secCta {
    overflow: hidden;
  }
  .ctaHead span::after {
    content: "";
    background: url(../images/ctaBorder.svg);
    position: absolute;
    width: 113px;
    height: 5px;
    left: -127px;
    background-repeat: no-repeat;
    bottom: -5px;
  }
  .secCta .ctaWraper {
    max-width: 742px;
    padding: 60px 15px;
  }
}