.toolsSec {
    padding: 80px 0 90px;
}

.toolsSec.essayWriterWrapper .container {
    max-width: 942px;
    margin: 0 auto;
    padding: 0 15px;
}

.toolsSec.essayWriterWrapper h2 {
    color: #0F172A;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}

.toolsSec.essayWriterWrapper p.content-btn {
    color: #0F172A;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    padding-top: 1px;
    margin: 0;
}

.toolsSec p {
    padding-top: 12px;
    max-width: 729px;
    margin: 0 auto;
    color: #64748B;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
}

.toolsBtnsWrapper {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.toolsSec .lazyImgWrapper {
    height: 331px;
    width: 436px;
}

.lazyImgWrapper {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(106, 106, 106, 0.25);
    width: 426px;
    height: 241px;
    overflow: hidden;
}

.lazyImgWrapper img {
    max-width: 426px;
    width: 100%;
}

.toolsSec .lazyImgWrapper img {
    max-width: 436px;
    height: 331px;
}

.toolsBtnOuter {
    padding: 1px;
    border-radius: 100px;
    display: flex;
    max-width: max-content;
    background: #E2E8F0;
}

.toolsBtnOuter.active,
.toolsBtnOuter:hover {
    background: linear-gradient(180deg, #24C7BD 0%, #046761 100%);
}

.toolsBtnOuter:hover a {
    color: #0F172A;
}

.toolsBtnOuter.active a {
    color: #0F172A;
    background: #f2fffb;
}

.toolsBtnOuter a {
    padding: 14px 15px;
    color: #64748B;
    background: #fff;
    text-align: center;
    font-size: 15px;
    line-height: normal;
    border-radius: 100px;
    font-weight: 400;
}

.toolsSec .flexWrapper {
    margin-top: 93px;
}

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

.flexContent {
    max-width: 446px;
}

.flexContent .smallHead {
    color: #05ADA3;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

.flexContent .bigHead {
    color: #0F172A;
    font-size: 20px;
    font-weight: 400;
    padding: 15px 0 14px;
    text-align: left;
    line-height: normal;
}

.flexContent p.flexDesc {
    padding: 0;
    text-align: left;
    padding-top: 16px;
}

.flexContent p.flexDesc a {
    color: #05ADA3;
}

.flexContent p.flexDesc a:hover {
    text-decoration: underline;
}

.toolWorkSec {
    padding: 60px 0;
}

.toolWorkSec p {
    padding-top: 30px;
    max-width: 756px;
    margin: 0 auto;
}


@media (max-width:575px) {
    .toolsSec.essayWriterWrapper h2 {
        font-size: 22px;
    }

    .toolsSec p {
        font-size: 15px;
    }

    .toolsBtnsWrapper {
        justify-content: start;
    }

    .toolsSec .flexWrapper {
        margin-top: 50px;
    }

    .toolsSec .lazyImgWrapper {
        display: none;
    }

    .flexContent .bigHead {
        font-size: 18px;
    }

}

/* 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.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.svg);
    background-size: contain;
}

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

.faq-card.show .faq-accord-card-head .faq-icon {
    transform: rotate(135deg);
}
.four .slice-colors .st.slice-item:nth-child(2){
    background-color: #E84C3D;
}
.four .slice-colors .st.slice-item:nth-child(4){
    border: 50px solid transparent
}
.definitionSec h2 {
    color: #000;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 120.187%;
}
.definitionSec {
    padding: 78px 0 80px;
}
.toolsSec p{
    padding-top: 0px;
}
.definitionSec p {
    color: #3F3F3F;
    text-align: center;
    font-size: 14px;
    line-height: 155.187%;
}
.definitionSec .definitionQuote {
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 120.187%;
    background: #e6f7f6;
    max-width: max-content;
    margin: 0 auto;
}
.definitionDesc {
    margin: 40px 0 22px;
}
#Paraphrasing .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.definCompareWrapper {
    padding: 31.5px 0 54.5px;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
    position: relative;
}
.definCompareWrapper::before {
    position: absolute;
    content: '';
    width: 218px;
    height: 404px;
    background: url(../svg/vector-center-line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-34%, -50%);
}
.originalDefin {
    padding: 85.5px 148.15px 82px 37px;
    background: url(../svg/original-green.svg);
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}
.originalDefin::before {
    position: absolute;
    content: 'AI Detectors';
    padding: 5px 35px 4px 36px;
    width: 147px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 155.187%;
    text-transform: uppercase;
    background: url(../svg/original-green-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 38.5px;
    left: -12px;
    z-index: 2;
    background-position: center;
    border-radius: 5px;
}
.originalDefin span {
    display: flex;
    position: absolute;
    left: 10px;
    top: 10.5px;
}
.originalDefin p {
    color: #FFF;
    font-size: 14px;
    line-height: 155.187%;
    max-width: 441px;
    text-align: left;
}
.paraphraseDefin {
    padding: 85.5px 37px 50.5px 146px;
    margin: 39px 0 0 -165px;
    background: url(../svg/paraphrase-green.svg);
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}
.paraphraseDefin.beforContent::before {
    position: absolute;
    content: 'Plagiarism Checkers';
}
.paraphraseDefin::before {
   
    content: 'PARAPHRASE';
    width: 191px;
    padding: 5px 13px 4px 33px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 155.187%;
    text-transform: uppercase;
    background: url(../svg/paraphrase-green-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 38.5px;
    z-index: 2;
    right: -13px;
    text-align: right;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}
.paraphraseDefin.beforContent::before {
    position: absolute;
    content: 'Plagiarism Checkers';
}
.paraphraseDefin span {
    position: absolute;
    display: flex;
    top: 10.5px;
    right: 10px;
}
.paraphraseDefin .paraQuote {
    position: absolute;
    top: 30.5px;
    left: 77px;
    right: unset;
}
.paraphraseDefin p.wraptext {
    max-width: 361px;
}
.paraphraseDefin p {
    color: #05ADA3;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    line-height: 155.187%;
    max-width: 372px;
}
.essayWriterWrapper .head,
.toolsSec.essayWriterWrapper h2,
.essayWriterWrapper .normalContentWrapper .head{
    margin-bottom: 0px;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 120.187%;
    text-align: center;
}
.essayWriterWrapper .maxHead{
    max-width: 780px;
    margin: 0 auto;
}
.toolsSec h2{
    padding-bottom: 10px;
}
.paraphraseDefin p a{
    color:#05ADA3;
    text-decoration: underline;
    font-weight: 600;
    position: relative;
    z-index: 11;
}
.paraphraseDefin p a:hover{
    text-decoration: none;
}
.nextStep{
    padding: 80px 0;
}
.nextStep p a{
    color: #05ADA3;
    text-decoration: underline;
}
.nextStep p a:hover{
    text-decoration: none;
}

@media (max-width: 575px) {
    .definitionSec h2,
    .howtoDiv .boxHead,
    .essayWriterWrapper .head,
.toolsSec.essayWriterWrapper h2,
.essayWriterWrapper .normalContentWrapper .head{
 
    color: #000;
    font-size: 24px;
   
}
.singleFunction.flex {
    gap: 10px;
    flex-wrap: nowrap;
    align-items: start;
}
.toolsBtnOuter a{
    max-width: 160px;
    width: 100%;
    display: inline-block;
}
.toolsSec.essayWriterWrapper p.content-btn {
  
    max-width: 162px;
    width: 100%;
}
 
    .definitionSec .definitionQuote {
        font-size: 15px;
    }
    .definitionSec {
        padding: 72px 0 60px;
    }
 
    .definitionSec p {
        font-size: 13px;
    }
   
    
    .definCompareWrapper::before {
        width: 63px;
        height: 303px;
        background: url(../svg/vector-center-line-mob.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(-35%, -50%);
    }
    .originalDefin {
        padding: 42px 45px 23px 9px;
        background: url(../svg/original-green-mob.svg);
        background-repeat: no-repeat;
    }
    .originalDefin::before {
        padding: 2px 18px 2px 9px;
        font-size: 8px;
        top: 19px;
        left: -4px;
        width: 59px;
    }
    .dsktpOnly {
        display: none !important;
    }
    .originalDefin p {
        max-width: 143px;
        font-size: 8px;
    }
    .paraphraseDefin {
        padding: 42px 10px 28px 53px;
        margin: 12px 0 0 -50px;
        background: url(../svg/paraphrase-green-mob.svg);
        background-repeat: no-repeat;
    }
    .paraphraseDefin::before {
        padding: 2px 8px 2px 13px;
        font-size: 8px;
        top: 19px;
        right: -4px;
        background-position: right;
        width: 116px;
    }
    .paraphraseDefin .paraQuote {
        display: none;
    }
    .paraphraseDefin p.wraptext {
        max-width: 113px;
        width: 100%;
        font-size: 9px;
    }
    .paraphraseDefin p {
        font-size: 10px;
        max-width: 113px;
    }
     .feedbackMsg{
        left: 50%;
    }
}