.formWrapper {
    padding: 25px 24px 40px;
}

.paraphraserHead {
    color: #0F172A;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #E2E8F0;
    ;
}

.paraphraserContentSec {
    padding: 200px 0;
}

.inputGroup textarea {
    min-height: 49vh;
    padding: 15px;
}

.formWrapper {
    height: 100%;
    overflow-x: unset;
    background: #fff;
    overflow-y: unset;
}

#new-outputs,
#history-tab {
    height: 100%;
    overflow-y: unset;
    min-height: unset;
    position: unset;
}

.essayWriterBody {
    position: relative;
    border-radius: 0px 0px 6px 6px;
    background: #FFF;
    filter: drop-shadow(0px 0px 21px rgba(160, 160, 160, 0.25));
}

.essayWriterBodyWrapper {
    padding: 25px 25px 20px;
    background: #F8FAFC;
}

.ewBtns {
    position: sticky;
    bottom: 0;
    background: #fff;
}

.textareaActionWrapper {
    position: absolute;
    display: flex;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    gap: 10px;
}

.textareaActionBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 89px;
    padding: 12px 0 11px;
    border-radius: 5px;
    border: 0.5px solid #7E3AF2;
}
.textareaActionBtn img {
    max-width: 19px;
    width: 100%;
    max-height: 19px;
    height: 100%;
}

.textareaActionBtn span {
    color: #7E3AF2;
    font-size: 10px;
    font-style: italic;
}

.textareaActionBtn:hover {
    background: #F7F2FF;
}
.faq-card .faq-accord-card-head h4,
.faq-card .faq-accord-card-head h3{
    color: #0F172A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
  .faqSec h3 {
    color: #0F172A;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}
.essayWriterWrapper.contentSec h3.subheadtool{
    color: #0F172A;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    padding-top: 27px;
}
/* 
.textareaActionBtn:hover span {
    color: #fff;
}

.textareaActionBtn:hover svg path {
    fill: #fff
} */

.selectGroup::after {
    top: -3px;
}

.essayWriterInput,
.essayWriterOutput {
    background: #fff;
}

.languagesFilterWrapper {
    display: flex;
    z-index: 5;
    position: relative;
    max-width: max-content;
}

.languagesFilterWrapper a {
    padding: 11px 15px 10px 18px;
    color: #64748B;
    font-size: 14px;
    border-radius: 6px 6px 0px 0px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.languagesFilterWrapper a:hover {
    background: rgba(37, 37, 37, 0.08)
}

.languagesFilterWrapper a.active {
    background: #FFF;
    font-weight: 600;
}

#old-essays,
#new-essays {
    max-height: unset;
}

br {
    display: block;
}

.generatedEssay p {
    white-space: unset;
}

.sentenceJumperWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    bottom: 0;
    min-height: 81px;
    padding: 22px 24px 17px;
    background: #fff;
    display: none;
}

.sentencesInner {
    display: flex;
    align-items: center;
    gap: 18px;
}

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

.sentenceJumperBtns a {
    padding: 7px 8px 9px;
    border-radius: 3px;
    max-height: 32px;
    background: #EDF0F4;
}

.sentenceJumperBtns a:hover {
    background: linear-gradient(265.66deg, #516EFF -8.28%, #B44DFF 95.98%);
}

.sentenceJumperBtns a:hover svg path {
    fill: #fff;
}

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

.outputInfoWrapper * {
    color: #0F172A;
    font-size: 15px;
}

.singleWord.notexists {
    color: rgb(227, 107, 0);
}

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

.inputGroup textarea {
    font-size: 16px;
    line-height: 150%;
}

.paraOut.withData {
    display: none;
}

.singleSentence.highlight {
    background: #EDFAFF;
}

#output-loader {
    position: absolute;
    left: 43%;
    top: 35%;
    transform: translate(-50%, -50%);
    display: none;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #1E43FF;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

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

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

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

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.essayWriterOutput {
    position: relative;
}

.paraDownSec {
    padding: 6px 0 33px;
    text-align: center;
    background: #fff;
}

.paraDownSec a:hover svg path {
    fill: #000;
}

.aboutSec {
    padding: 10px 0 80px;
}

.essayWriterWrapper h2,
.trustSec h3,
.faqSec h3 {
    color: #0F172A;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}
.essayWriterWrapper p a:hover{
    text-decoration: underline;
}

.contentSec p {
    color: #4C5966;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
}

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

.aboutSec .singleHack2 p.padding {
    padding-top: 0px;
}

.whyUsSec {
    padding: 10px 0 90px;
}

.whyUsSec p {
    padding: 12px 0 90px;
}

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

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

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

.whyUsSec .lazyImgWrapper {
    height: 242px;
    padding: 10px 12px;
}

.whyUsSec .lazyImgWrapper img {
    max-width: 402px;
    width: 100%;
    max-height: 221px;
    height: 100%;
}

.thesaurusSec .lazyImgWrapper {
    height: 280px;
}

.thesaurusSec .lazyImgWrapper img {
    padding: 11px 23px;
    /* height: 280px; */
}

.extensionSec .lazyImgWrapper {
    height: 293px;
}

.extensionSec .lazyImgWrapper img {
    padding: 14px 22px;
    height: 293px;
}

.languageSec .lazyImgWrapper {
    height: 280px;
}

.languageSec .lazyImgWrapper img {
    padding: 19px 48px;
    /* height: 280px; */
}

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

/* .lazyImgWrapper img {
    max-width: 402px;
    width: 100%;
} */

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

.skeleton {
    background-size: 200px 100%;
    background-repeat: no-repeat;
    line-height: 1;
    animation: SkeletonLoading 1s ease-in-out infinite;
    background-color: #fff;
    background-image: linear-gradient(90deg, #fff, #ddd8d8, #fff);
    min-height: 500px;
}

@keyframes SkeletonLoading {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.flexContent {
    max-width: 446px;
}

.flexContent .smallHead {
    color: #1E43FF;
    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: #1E43FF;
    font-weight: 500;
}

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

.thesaurusSec {
    padding: 80px 0 60px;
}

.bgSec {
    background: linear-gradient(180deg, rgba(219, 242, 255, 0.40) 0%, rgba(236, 233, 251, 0.40) 28.13%, rgba(247, 246, 255, 0.80) 90%, rgba(232, 237, 255, .25) 100%);
}

.flexWrapper.reverse {
    flex-direction: row-reverse;
}

.thesaurusSec .flexWrapper {
    align-items: start;
}

.extensionSec {
    padding: 70px 0;
}

.extensionBtnOuter {
    padding: 2px;
    background: linear-gradient(81.22deg, #1862FF -14.08%, #7731FF 29.91%, #D012FF 77.88%);
    border-radius: 100px;
    display: flex;
    max-width: max-content;
    margin-top: 20px;
}

.extensionAddBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 100px;
    background: #FFF;
    overflow: hidden;
}

.extensionAddBtn img {
    width: 25px;
    height: 25px;
}

.extensionAddBtn:hover {
    background: #F8F2FF;
}

.extensionAddBtn:hover span {
    color: #CF12FF;
}

.extensionAddBtn:hover svg path {
    fill: #CF12FF;
}

.extensionAddBtn span {
    color: #121826;
    font-size: 15px;
    font-weight: 600;
    margin: 0 4px 0 7px;
    transform: translateY(-2px);
}

.languageSec {
    padding: 80px 0 60px;
}

.modesSec {
    padding: 70px 0;
}

.modesSec .flexWrapper,
.trustSec .trustWrapper {
    padding: 70px 0 0;
    border-top: 1px solid #E2E8F0;
}

.modesSec .flexContent h3 {
    font-size: 23px;
    text-align: left;
    font-weight: 400;
}

.modesSec .flexContent h3 span {
    background: linear-gradient(46deg, #FF51D7 5.87%, #C300FF 20.06%, #C300FF 39.88%, #30B6FF 70.23%, #00F0FF 80.84%, #1E43FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tableOuter {
    border: 1px solid #E2E8F0;
    border-radius: 5px;
    overflow: hidden;
}

table.modesTable {
    border-collapse: collapse;
}

table.modesTable td {
    border: 1px solid #E2E8F0;
    padding: 12px 12px 12px 15px;
    color: #0F172A;
    font-size: 15px;
    font-weight: 400;
}

table.modesTable td span {
    transform: translateX(-2px);
}

table.modesTable tr td:first-child {
    border-top: none;
    border-left: none;
}

table.modesTable tr td:last-child {
    border-top: none;
    border-right: none;
}

.trustSec {
    padding-bottom: 80px;
}

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

.specsWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 668px;
    margin: 60px auto 0;
}

.singleSpec {
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.singleSpec.prog-75 {
    background: url(../../images/threeforth_circle.svg);
}

.singleSpec.prog-99 {
    background: url(../../images/ninety_circle.svg);
}

.singleSpec.prog-full {
    background: url(../../images/full_circle.svg);
}

.singleSpec .progTitle {
    color: #0F172A;
    font-size: 15px;
    line-height: normal;
    padding: 0;
}

.singleSpec .progVal {
    color: #1E43FF;
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    line-height: 32px;
    padding: 12px 0 5px;
}

.singleSpec .specName {
    color: #1E43FF;
    font-size: 14px;
    line-height: normal;
    padding: 0;
}

.singleSpecOuter {
    max-width: 204px;
}

.singleSpecOuter>p {
    color: #0F172A;
    text-align: center;
    font-size: 15px;
    line-height: normal;
}

.customSec {
    padding: 60px 0;
}

.customSec h2+p {
    padding-top: 12px;
}

.customModesListWrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 80px;
}

.singleMode {
    padding-left: 43px;
    position: relative;
    margin-top: 36px;
}

.singleMode p {
    text-align: left;
}

.singleMode::before {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    background: url(../../images/modes-check-mark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

.singleMode .modeName {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: 120.187%;
    text-align: left;
}

.singleMode .modeDesc {
    font-size: 14px;
    padding-top: 8px;
    max-width: 342px;
}

.singleMode .modeDesc.large {
    max-width: 500px;
}

.modesSide .singleMode:first-child {
    margin-top: 0;
}

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

.toolsSec h2+p {
    padding-top: 12px;
    max-width: 729px;
    margin: 0 auto;
}

.toolsBtnsWrapper {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.toolsBtnsWrapper.wraperTool{
    max-width: 562px;
    width: 100%;
    justify-content: start;
    margin: 60px auto 0;
}
.link-btn {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(81.22deg, #1862FF -14.08%, #7731FF 29.91%, #D012FF 77.88%) border-box!important;
    border: 1px solid transparent;
    color: #4C5966;
    padding: 14px 15px;
    background: #fff;
    text-align: center;
    font-size: 15px;
    line-height: normal;
    border-radius: 100px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100px;
    width: 100%;
}
.link-btn:hover::before {
    content: '';
    background: #F7F5FF;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 18px;
}
.toolsBtnOuter {
    padding: 1px;
    border-radius: 100px;
    display: flex;
    max-width: max-content;
    background: #E2E8F0;
}

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

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

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

.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;
}

.faqSec {
    padding: 60px 0;
}

.faqWraper {
    max-width: 818px;
}

.faq-card {
    max-width: unset;
}

.answerInner p {
    text-align: left;
}

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

#generate-essay-processing-btn {
    height: 42px;
}

.iconBtn {
    border-radius: 5px;
}

.faq-accord-card-body p {
    font-weight: 400;
}

.languageDropdownWrapper {
    position: absolute;
    display: flex;
    bottom: -254px;
    right: -328px;
    max-width: 400px;
    width: 100%;
    flex-wrap: wrap;
    filter: drop-shadow(0px 0px 21px rgba(160, 160, 160, 0.25));
    padding: 4px;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: none;
}

.languageDropdownWrapper.show {
    display: flex;
}

.languageDropdownWrapper a {
    padding: 8px;
    width: 33%;
    background: #fff;
    border-radius: 6px;
    display: none;
}

.languageDropdownWrapper a:nth-child(n + 4) {
    display: block;
}

#for-dropdown {
    display: none;
}

.languagesFilterWrapper a>svg.flip {
    transform: rotate(180deg);
}

.languagesFilterWrapper .PortugueseMob {
    display: none;
}

h4 {
    color: #0F172A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.whyUsTrust {
    overflow: hidden;
    padding: 60px 0 20px;
}

.normalContentWrapper img {
    margin: 30px auto 0;
}

.normalContentWrapper p.tableDesc {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    max-width: 512px;
}
.allLang{
   position: relative; 
}
.allLang::after{
    content:"";
    background: url('../../images/arrow-down.svg');
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    position: relative; 
 }
 .allLang.active-drop::after{
    content:"";
    transform: rotate(180deg);
}
.paraphraStep.contentBox {
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.paraphraStep .howtoDiv {
    padding: 70px 0;
    background: linear-gradient(180deg, rgba(219, 242, 255, .4) 0, rgba(236, 233, 251, .6) 28.13%, rgba(247, 246, 255, .7) 63.54%, rgba(252, 231, 255, .3) 100%);
}
 
.paraphraStep.contentBox .colouredBox p.tipsDesc {
    font-size: 16px;
}
.paraphraStep.contentBox .colouredBox p.tipsDesc {
    padding-top: 12px;
    max-width: 756px;
    margin: 0 auto;
    color: #435b8c;
    line-height: 150%;
    text-align: center;
}
.paraphraStep .howtoSteps {
    max-width: 540px;
    margin: 40px auto 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.paraphraStep .howtoSteps {
    margin: 60px auto 40px
}

.paraphraStep .singleStep .stepNum {
    font-size: 18px;
    color: #121826;
    line-height: normal;
    text-align: center;
}
.paraphraStep .singleStep {
    padding: 15px 10px 16px 15px;
    background: url(../../../paraphrasing-page/images/steps-border.svg) no-repeat;
    flex-wrap: nowrap;
    min-height: 116.5px;
}
.paraphraStep .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.paraphraStep .stepNum {
    padding-right: 15px;
    color: #121826;
    font-size: 18px;
    font-weight: 600;
}
.paraphraStep .singleStep .stepNum {
    font-size: 18px;
    color: #121826;
    line-height: normal;
}
.paraphraStep .stepContent,.paraphraStep  .stepContent2 {
    padding-left: 15px;
    border-left: 2px solid #bcd4e8;
}
.paraphraStep .stepContent p:first-child, .paraphraStep .stepContent2 p:first-child {
    color: #121826;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
}
.paraphraStep .stepContent p:last-child,.paraphraStep .stepContent2 p:last-child {
    font-size: 13px;
    margin-top: 7px;
    text-align: left;
}
@media (max-width: 1199px) {
    .paraphraStep.essayWriterWrapper {
        max-width: calc(100% - 230px);
    }
    .flexWrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 36px;
    }

    .customModesListWrapper {
        flex-wrap: wrap;
        gap: 36px;
        justify-content: center;
    }

    .specsWrapper {
        flex-wrap: wrap;
        gap: 36px;
        justify-content: center;
    }

    .languagesFilterWrapper .hideAfter {
        display: none;
    }

    .languageDropdownWrapper a:nth-child(n - 3) {
        display: block;
    }

    .languageDropdownWrapper {
        bottom: -289px;
        right: -182px;
    }
}
@media (max-width: 767px){
    .paraphraStep.essayWriterWrapper {
        max-width: 100%;
    }
    .paraphraStep.contentBox {
        padding: 25px 0px 30px;
    }
}
@media (max-width: 991px){
    .contentBox {
        padding: 25px 33px 30px;
    }
    
}

.trustWrapper{
    position: unset;
}
.essayWriterWrapper h2 {
    max-width: fit-content;
    margin: 0 auto;
}
.ewBtns {
    max-width: 628px;
    margin: 0 auto;
}
@media (max-width: 575px) {
    .paraphraStep.contentBox p{
        font-size: 13px;
    }
    .paraphraStep .paraphraStep .howtoSteps {
        gap: 15px;
    }
    .paraphraStep .singleStep::after {
        width: calc(100%);
        height: calc(100%);
        border: 2px solid transparent;
        left: -1px;
        top: -1px;
        border-radius: 10px;
    }
    .paraphraStep .singleStep::after, .singleType::after {
        position: absolute;
        content: '';
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(81.22deg, #1862ff -14.08%, #7731ff 29.91%, #d012ff 77.88%) border-box;
        z-index: -1;
    }
    .paraphraStep .singleStep .stepNum {
        font-size: 16px;
    }
    .paraphraStep .singleStep {
        z-index: 2;
    }
    .paraphraStep .singleStep,.paraphraStep .singleType {
        background: 0 0;
        position: relative;
    }
    .paraphraStep .howtoDiv {
        width: 100%;
        margin-left: 0;
        padding: 50px 15px;
    }
    
    .paraphraStep.essayWriterWrapper h2  {
        font-size: 22px;
    }
    .whyUsTrust {
        padding: 0px 0 20px;
    }
    .toolsBtnOuter {
        margin: 0 auto;
    }
    .link-btn {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }
    .languageSec .lazyImgWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .thesaurusSec .lazyImgWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .whyUsSec .lazyImgWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .whyUsSec .lazyImgWrapper img {
        max-width: 380px;
        width: 100%;
        max-height: 241px;
        height: 100%;
    }
    .thesaurusSec .lazyImgWrapper img {
        
        max-width: 384px;
        width: 100%;
        max-height: 280px;
        height: 100%;
    }
    .languageSec .lazyImgWrapper img {
        max-width: 384px;
        width: 100%;
        max-height: 280px;
        height: 100%;
    }

    .essayWriterBodyWrapper {
        padding: 25px 15px 20px;
    }

    .formWrapper {
        padding: 25px 10px 30px;
    }

    .inputGroup textarea {
        font-size: 14px;
    }

    .newOutputs.withData,
    .history.withData {
        padding: 25px 10px 40px;
    }

    .generatedEssay {
        padding-top: 0;
    }

    .outputHead {
        display: none;
    }

    .newOutputs.zeroData {
        display: none;
    }

    .sentenceJumperBtns a {
        padding: 1px 4px;
        max-height: 20px;
    }

    .sentenceJumperBtns a svg {
        width: 12px;
    }

    .outputInfoWrapper * {
        font-size: 13px;
    }

    .essayWriterWrapper h2 {
        font-size: 22px;
    }

    .aboutSec {
        padding: 96px 0 70px;
    }

    .aboutSec p {
        padding-top: 20px;
    }

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

    .generateEssayBtn .btnText {
        font-size: 14px;
    }

    .generateEssayBtn {
        padding: 5px 20px;
        line-height: 100%;
    }

    #generate-essay-processing-btn {
        height: 42px;
        display: flex;
        align-items: center;
    }

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

    .whyUsSec {
        padding: 0 0 70px;
    }

    .whyUsSec p {
        padding: 12px 0 40px;
    }

    .flexWrapper {
        gap: 30px;
    }

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

    .thesaurusSec {
        padding: 50px 0;
    }

    .flexWrapper.reverse {
        gap: 40px;
    }

    .extensionSec {
        padding: 60px 0;
    }

    .extensionSec .lazyImgWrapper,
    .extensionSec .lazyImgWrapper img {
        height: 270px;
    }

    .languageSec {
        padding: 50px 0;
    }

    .modesSec {
        padding: 50px 0 70px;
    }

    .modesSec .flexWrapper {
        padding: 35px 0 0;
    }

    .trustSec .trustWrapper {
        padding: 70px 0 0;
    }

    table.modesTable tr td:first-child {
        width: 28%;
    }

    table.modesTable td {
        padding: 12px 5px 12px 10px;
        font-size: 14px;
    }

    .modesSec .flexContent h3 {
        font-size: 22px;
    }

    .trustSec p {
        padding-top: 16px;
    }

    .specsWrapper {
        gap: 40px;
    }

    .trustSec {
        padding-bottom: 110px;
    }

    .customModesListWrapper {
        margin-top: 50px;
    }

    .customSec {
        padding: 50px 0;
    }

    .faqWraper {
        margin-top: 50px;
    }

    .faqSec {
        padding: 50px 0;
    }

    .toolsSec .lazyImgWrapper {
        display: none;
    }

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

    .toolsBtnOuter a {
        padding: 7px 10px;
        font-size: 13px;
        width: 100%;
    }

    .toolsBtnsWrapper {
        justify-content: start;
        flex-direction: column;
    }

    .languageDropdownWrapper {
        right: 0;
    }

    .languagesFilterWrapper {
        max-width: 100%;
    }

    .languagesFilterWrapper .PortugueseDsktp {
        display: none;
    }

    .languagesFilterWrapper .PortugueseMob {
        display: block;
    }
    .essayWriterWrapper .toolsBtnsWrapper.btn-tabs h3{
        max-width: 220px;
        width: 100%;
    }
}