.container {
    width: 80%
}

.plagily_nav .nav-link {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    color: var(--matchsource) !important;
    margin-right: 1rem
}

.nav_plagily {
    padding: 19px 40px;
    background: var(--plagly-nav-bg);
    border-bottom: 1px solid var(--plagly-nav-border);
    flex-wrap: wrap
}

.nav_plagily .navbar-collapse {
    justify-content: center
}

.plagily_nav .nav-link.active {
    font-weight: 600;
    color: var(--back-home) !important
}

.plagiarismchecker_typedrop {
    width: 324px;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 6px 24px #0000001a;
    border: none;
    top: 30px
}

.plagiarismchecker_typedrop .dropdown-item:active {
    background-color: transparent
}

.plagiarismchecker_typedrop .dropdown-item:hover {
    background-color: #f7f7f8
}

.dark-mode .plagiarismchecker_typedrop .dropdown-item:hover {
    background-color: #15151a
}

.plagtype_imgdiv {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--auth-socialbtn-bg);
    display: flex;
    padding: 10px
}

.plagtypediv p {
    margin: 0;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.plagtypediv span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.herodesc_div {
    width: 50%
}

.login_btn {
    padding: 11px 20px;
    border-radius: 8px;
    background: #2b303b;
    color: #fff
}

.hero_section {
    background: url(/landing/bg1.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

.hero_container {
    padding-top: 5rem;
    padding-bottom: 7rem
}

.plag_head {
    font-family: DM Sans;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    color: var(--back-home)
}

.head_span {
    color: #1463ff
}

.plag_desc {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .01em;
    color: var(--auth-desc);
    max-width: 885px;
    margin: auto
}

.start_btn {
    padding: 14px 30px;
    border-radius: 8px;
    background: #1463ff
}

.platform_opt {
    padding: 24px;
    border-radius: 16px;
    background: var(--plagly-opt-bg);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.faq_opt {
    padding: 24px;
    border-radius: 16px;
    background: var(--plagly-opt-bg);
    height: 100%
}

.platform_opt1 {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 16px;
    background: var(--plagly-opt-bg);
    text-decoration: none;
    height: 100%
}

.opt-hed1 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--back-home);
    margin-bottom: .5rem
}

.opt-desc1 {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    color: var(--auth-desc);
    margin-bottom: 0
}

.plagcheck_img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--plagcheck-img);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: .5s all
}

.plagcheck_img svg {
    color: #1463ff;
    transition: .5s all
}

.platform_opt1:hover {
    box-shadow: 0 10px 24px #0000000f
}

.platform_opt1:hover .plagcheck_img svg {
    color: #fff;
    transition: .5s all
}

.platform_opt1:hover .plagcheck_img {
    background: #1463FF;
    transition: .5s all
}

.gramcheck_img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--gramcheck-img);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: .5s all
}

.gramcheck_img svg {
    color: #ed504f;
    transition: .5s all
}

.platform_opt1:hover .gramcheck_img svg {
    color: #fff;
    transition: .5s all
}

.platform_opt1:hover .gramcheck_img {
    background: #ED504F;
    transition: .5s all
}

.Paracheck_img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--paracheck-img);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: .5s all
}

.Paracheck_img svg {
    color: #45dd84;
    transition: .5s all
}

.platform_opt1:hover .Paracheck_img svg {
    color: #fff;
    transition: .5s all
}

.platform_opt1:hover .Paracheck_img {
    background: #21CC9E;
    transition: .5s all
}

.aicheck_img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--aicheck-img);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: .5s all
}

.aicheck_img svg {
    color: #ffb501;
    transition: .5s all
}

.platform_opt1:hover .aicheck_img svg {
    color: #fff;
    transition: .5s all
}

.platform_opt1:hover .aicheck_img {
    background: #FFB501;
    transition: .5s all
}

.opt-hed {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 26.04px;
    letter-spacing: .02em;
    text-align: center;
    color: var(--back-home)
}

.opt-desc {
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: var(--auth-desc)
}

.plag_userdiv {
    padding: 30px 30px 30px 0;
    border-radius: 16px
}

.user_section {
    padding: 5rem 0px
}

.user_pleghead {
    font-family: DM Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: .02em;
    color: var(--back-home)
}

.user_plegdesc {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--auth-desc)
}

.userdiv_plagi {
    padding: 30px;
    border-radius: 16px;
    background: var(--plagly-opt-bg);
    text-align: center;
    height: 100%
}

.studentdiv_plagi {
    padding: 40px;
    border-radius: 16px;
    background: var(--secondary-background-color);
    text-align: center;
    height: 100%
}

.user_plagihead {
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    text-align: center;
    color: var(--back-home)
}

.premium_section {
    background: var(--main-background-color);
    padding: 8rem 0px
}

.faq_simple {
    padding: 8rem 0px;
    background: var(--auth-socialbtn-bg)
}

.premium_head {
    font-family: DM Sans;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    color: var(--back-home)
}

.premium_featurediv {
    padding: 60px 80px;
    border-radius: 16px;
    background: var(--featurediv)
}

.featurediv_head {
    font-family: DM Sans;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: var(--back-home)
}

.featurediv_desc {
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--auth-desc)
}

.try_btn {
    color: var(--trybtn) !important;
    padding: 12px 30px;
    border-radius: 8px;
    background-color: var(--back-home) !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px
}

.dark-mode .try_btn:hover {
    color: #fff !important
}

.featuredesc_div {
    padding-right: 5rem
}

.premium_featurediv2 {
    padding: 40px;
    border-radius: 16px;
    background: var(--featurediv);
    height: 100%
}

.peoplesay_section {
    padding: 8rem 0px;
    background-image: url(/landing/trustpc_bg.svg);
    background-color: var(--secondary-background-color);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.Aicontentwork_section {
    padding: 8rem 0px;
    background-image: url(/landing/peoplesay_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.benefits_section {
    background: var(--secondary-background-color);
    background-image: url(/landing/benefits_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: 8rem 0px
}

.gramerfeature_section {
    background: var(--secondary-background-color);
    background-image: url(/landing/grammer_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: 8rem 0px
}

.peoplesay_head {
    font-family: DM Sans;
    font-size: 40px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: .02em;
    text-align: center;
    color: var(--back-home)
}

.testimony_div {
    padding: 40px 120px;
    border-radius: 24px;
    background: var(--plagly-opt-bg)
}

.testimony_txt {
    font-family: DM Sans;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 28px;
    color: var(--auth-desc)
}

.testimony_name {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--back-home)
}

.student1_testimony {
    border-right: 1px solid var(--plagly-nav-border);
    padding: 2rem 5rem 2rem 0px
}

.student2_testimony {
    padding: 2rem 0px 2rem 5rem
}

.divideline {
    flex-grow: 1;
    border-top: 1px solid var(--plagly-nav-border)
}

.dividetxt {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .12em;
    color: var(--back-home);
    text-transform: uppercase
}

.divide_div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

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

.faq_div {
    background: var(--auth-socialbtn-bg);
    padding: 30px;
    border-radius: 16px
}

.faq_head {
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    color: var(--back-home)
}

.getstarted_section {
    padding: 85px 0;
    background: #1463ff;
    text-align: center
}

.getstarted_desc {
    max-width: 960px;
    margin: auto
}

.getstarted_section h2 {
    font-family: DM Sans;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: #fff
}

.getstarted_section p {
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #d0e0ff
}

.getstarted_section button {
    padding: 16px 30px;
    border-radius: 8px;
    background-color: #fff !important;
    color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-top: 2rem
}

.footer_div {
    padding: 100px 0 40px;
    background: #0b0e13
}

.footer_desc {
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #929cb4
}

li.footer_desc:hover {
    color: #fff
}

.list_head {
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 600;
    line-height: 28.64px;
    color: #fff
}

.footdesc_div {
    padding-right: 6rem
}

.copyright_div {
    margin-top: 5rem;
    text-align: center;
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.44px;
    color: #929cb4
}

.copyright_div p {
    color: #929cb4
}

.copyright_div span {
    font-weight: 600;
    color: #fff
}

.hero_section2 {
    background: url(/landing/bg2.svg);
    background-repeat: no-repeat;
    background-position: top -15rem center;
    background-size: cover;
    text-align: center;
    background-color: #f7f7f8;
    padding-bottom: 50px
}

.dark-mode .hero_section2 {
    background-color: #18181b
}

.howtouse_div {
    margin-bottom: 5rem
}

.plagiarism_textarea {
    height: 400px;
    border-radius: 16px !important;
    border: none;
    background-color: var(--auth-form-bg) !important;
    box-shadow: 0 10px 24px #0000000f !important;
    resize: none;
    padding: 1.25rem;
    padding-bottom: 95px
}

.para_textarea {
    height: 450px
}

.custom_placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: DM Sans;
    font-size: 32px;
    font-weight: 600;
    line-height: 41.66px;
    color: var(--placeholder);
    background: var(--auth-form-bg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important
}

.custom_placeholder p {
    width: 45%;
    color: var(--placeholder)
}

.placehold_p {
    width: 75% !important;
    color: var(--placeholder)
}

.plagiarism_textarea:focus::-moz-placeholder {
    opacity: 0
}

.plagiarism_textarea:focus::placeholder {
    opacity: 0
}

.text_tools {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    background: var(--auth-form-bg);
    border-radius: 20px
}

.text_tools span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--auth-desc)
}

.upload_btns {
    border-radius: 6px !important
}

.upload_btns:hover {
    background: #F0F1F4
}

.lang_drop {
    border-right: 1px solid var(--auth-socialbtn-border);
    border-radius: 0
}

.limit_txt {
    border-left: 1px solid var(--auth-socialbtn-border);
    padding: 0px 1.5rem;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--auth-desc)
}

.check_urlbtn {
    border-radius: 8px;
    padding: 11px 14px;
    background-color: #64748b !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: #fff
}

.check_btn {
    padding: 14px 30px;
    border-radius: 8px;
    background: var(--back-home) !important;
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 23.44px;
    color: var(--checkbtn);
    border: none
}

.student_headcontent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.student_freesection {
    margin-top: 7rem
}

.student_optionddiv {
    padding: 30px 25px;
    border-radius: 16px;
    background: #0052f3
}

.teacher_define {
    width: 50%;
    margin-top: 5rem
}

.hint-div {
    padding: 20px 30px;
    border-radius: 12px;
    border: 1px solid #ffb501;
    background: var(--hint-bg);
    display: flex;
    align-items: center
}

.disclaimer_div {
    padding: 20px 30px;
    border-radius: 12px;
    border: 1px solid #ffb501;
    background: var(--hint-bg)
}

.hint-div span {
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 23.44px;
    color: var(--back-home)
}

.hint-div p {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--auth-desc);
    margin-bottom: 0;
    margin-left: 2rem
}

.detect_head {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 26.04px;
    color: var(--back-home)
}

.detect_desc {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--auth-desc)
}

.deyect_list {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--auth-desc);
    padding-left: 1rem
}

.deyect_list li::marker {
    color: #1463ff;
    font-size: 1.5rem
}

.head_contain {
    width: 90%
}

.terms_section {
    background: url(/landing/terms_bg.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.terms_container {
    padding: 8rem 0px
}

.pricingpage {
    background: var(--auth-socialbtn-bg)
}

.pricehero_section {
    background: url(/auth-assets/auth-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-bottom: 4rem
}

.pricehead_contain {
    max-width: 640px
}

.pricehero_container {
    padding-top: 5rem;
    padding-bottom: 3rem
}

.pricehead_contain h1 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: var(--dark-text-color)
}

.pricehead_contain p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: var(--price-desc)
}

.plantype {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    border-radius: 12px;
    padding: 6px;
    background: var(--auth-form-bg);
    box-shadow: 0 20px 80px #00000014;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.plandiv {
    border-radius: 8px !important;
    padding: 8px 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.plandiv.active {
    background: var(--dark-text-color) !important;
    padding: 8px 15px
}

.plandiv.active .plan_due {
    color: var(--price-desched)
}

.plandiv.active .price_due {
    color: var(--price-desact)
}

.plan_due {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--price-desc)
}

.price_due {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--auth-desc)
}

.save_div {
    width: 119px;
    border-radius: 4px;
    padding: 4px 6px;
    background: #21CC9E;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 18.23px;
    text-align: center;
    color: #fff
}

.price_div {
    height: 100%;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 20px 80px #0000000a;
    background: var(--auth-form-bg)
}

.price_div2 {
    height: 100%;
    border-radius: 16px;
    padding: 30px;
    border: 2px solid #1463FF;
    box-shadow: 0 20px 80px #1463ff1f;
    background: var(--auth-form-bg)
}

.price_head {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: var(--dark-text-color)
}

.price_desc {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--price-desc)
}

.price_month {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 26.04px;
    color: var(--price-desc)
}

.price_month span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 40px;
    line-height: 52.08px;
    color: var(--price-month);
    margin-right: 10px
}

.GetStarted_balck {
    max-width: 340px;
    width: 100%;
    border-radius: 8px;
    padding: 13px;
    background: var(--dark-text-color);
    border: none;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--price-desched);
    margin-top: 3rem;
    margin-bottom: 1rem
}

.GetStarted_blue {
    max-width: 340px;
    width: 100%;
    border-radius: 8px;
    padding: 13px;
    background: #1463FF;
    border: none;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-top: .25rem;
    margin-bottom: 1rem
}

.price_feature {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    color: var(--price-month);
    margin-top: 2rem
}

.detect_word {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-text-color);
    margin: 2rem 0px
}

.feature_list {
    list-style: none;
    padding-left: 0;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-text-color)
}

.feature_drop {
    border: none
}

.freefeature_btn .accordion-button {
    width: 100%;
    border-radius: 8px !important;
    padding: 13px;
    background: var(--dark-text-color);
    border: none;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--price-desched)
}

.planfeature_btn .accordion-button {
    width: 100%;
    border-radius: 8px !important;
    padding: 13px;
    background: #1463FF;
    border: none;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.accordion-button:focus {
    box-shadow: none
}

.accordion-button:after {
    content: url(/landing/close_black.png) !important;
    background-image: none !important;
    filter: brightness(0) invert(1);
    transform: rotate(45deg) !important
}

.dark-mode .accordion-button:after {
    filter: brightness(1) invert(0)
}

.priceing_section {
    max-width: 820px;
    margin: auto;
    margin-top: 3rem
}

.words_select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.select_word {
    max-width: 277px;
    border-radius: 6px;
    padding: 13px 25px 13px 10px;
    border: 1px solid #D0D2D6;
    background-color: transparent !important;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-text-color) !important
}

.price_opt {
    padding: 40px 30px;
    border-radius: 16px;
    background: var(--plagly-opt-bg);
    text-align: center;
    height: 100%
}

.price_options {
    margin-bottom: 7rem
}

.Premium_Plan {
    max-width: 1100px;
    margin: auto
}

.Premium_Plan h2 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: var(--dark-text-color)
}

.Feature_listhead {
    height: 280px;
    border-bottom: 1px solid #D0D2D6;
    display: flex;
    align-items: flex-end
}

.Feature_listhead p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: var(--dark-text-color)
}

.feature_nam {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--price-desc);
    margin-bottom: 14px
}

.FreeFeatures {
    width: 320px;
    border-radius: 12px;
    padding: 30px 20px;
    background: var(--auth-socialbtn-bg)
}

.PremiumFeatures {
    width: 320px;
    border-radius: 12px;
    padding: 30px 20px;
    background: var(--price-primbg);
    border: 2px solid #1463FF;
    box-shadow: 0 20px 80px #1463ff1f
}

.feature_pricehead {
    height: 250px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
    border-bottom: 1px solid #D0D2D6;
    text-align: center
}

.feature_pricehead .head {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 23.44px;
    text-align: center;
    color: var(--dark-text-color)
}

.feature_pricehead .price {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 36px;
    line-height: 46.87px;
    text-align: center;
    color: var(--dark-text-color)
}

.feature_pricehead .duration {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 14.52px;
    text-align: center;
    color: var(--price-desc)
}

.Premium_pricehead {
    height: 250px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
    border-bottom: 1px solid #D0D2D6;
    text-align: center
}

.Premium_pricehead .head {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 23.44px;
    text-align: center;
    color: #1463ff
}

.Premium_pricehead .price {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 36px;
    line-height: 46.87px;
    text-align: center;
    color: #1463ff
}

.Premium_pricehead .duration {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 14.52px;
    text-align: center;
    color: var(--price-desc)
}

.feature_type {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--dark-text-color);
    margin-bottom: 14px
}

.featurediv_desc li::marker {
    color: #1463ff;
    font-size: 24px
}

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

.mob_textoption {
    display: none;
    position: absolute
}

.tooltip {
    position: absolute !important;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px
}

.review_div {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 6px 6px 6px 10px;
    border: 1px solid var(--plagly-nav-border);
    cursor: pointer
}

.rev_num {
    display: flex;
    align-items: center;
    border-right: 1px solid#D0D2D6;
    padding-right: 1rem
}

.rev_num span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--review-num)
}

.rate_div {
    border-radius: 4px;
    padding: 5px 10px;
    background: var(--rate-bg);
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: var(--back-home)
}

.clear_btn {
    border: none;
    background-color: var(--rate-bg) !important;
    border-radius: 6px;
    padding: 9px
}

.space {
    width: 1px;
    height: 22px;
    background: #D0D2D6;
    margin: 0px 1rem
}

.result_head {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    color: var(--back-home)
}

.checked_contentdiv {
    height: 986px;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 24px #0000000f;
    background: var(--auth-form-bg);
    text-align: left
}

.checked_contentdiv h3 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -2%;
    color: var(--heading-text-color)
}

.checked_contentdiv p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: var(--heading-text-color)
}

.detect_content {
    text-decoration: underline;
    text-decoration-color: #f66868;
    background: #FDE1E1
}

.checklimit_txt {
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--auth-desc)
}

.check_actiondiv {
    width: 36px;
    height: 36px;
    border-radius: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--rate-bg) !important
}

.clearchecked {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkedbtn_section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 25px;
    background-color: var(--auth-form-bg);
    border-radius: 12px !important
}

.checked_contentdiv {
    height: 100%
}

.inner-ed {
    overflow: auto;
    height: 744px
}

.gram.inner-ed {
    overflow: auto;
    height: 693px !important
}

.statsection {
    width: 100%;
    max-width: 460px;
    min-height: 851px
}

.statsection.grammer_results {
    min-height: 790px
}

.checksection {
    flex-basis: fit-content
}

.tab_btn .nav-item {
    width: 50%
}

.tab_btn .nav-link {
    border: none
}

.nav-fill .nav-item .nav-link {
    padding: 14px 0;
    border-radius: 0;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-light);
    border: 0px !important
}

.nav-tabs .nav-link.active {
    color: #1463ff;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.tab_btn {
    background-color: var(--stattab-btn);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    border: none
}

.plagcont_div {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 20px 22px 25px
}

.reddot {
    width: 10px;
    height: 10px;
    background: #ED504F;
    border-radius: 50%;
    margin-right: 5px
}

.plagcont_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color);
    margin-bottom: 1rem
}

.main_progress {
    height: 12px;
    border-radius: 6px;
    background-color: var(--border-color) !important
}

.danger_progress {
    background-color: #ed504f !important
}

.warning_progress {
    background-color: #ffb501 !important
}

.exactdot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #FF8382
}

.partialdot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #FFB501
}

.match_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.match_div span {
    font-size: 12px;
    font-weight: 600
}

.matchborder {
    border-right: 1px solid var(--plagly-nav-border);
    height: 64px
}

.unique_percent p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    color: #21cc9e;
    margin-bottom: .5rem
}

.unique_percent span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--heading-text-color)
}

.downloadreport_btn {
    padding: 13px 20px;
    border-radius: 6px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.removeplag_btn {
    padding: 13px 20px;
    border-radius: 6px;
    background-color: #21cc9e !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.matchsource_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.matchsource_div p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: var(--heading-text-color)
}

.matchsource_div span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--matchsource)
}

.match_linkdesc {
    display: flex;
    justify-content: space-between;
    width: 90%
}

.match_link {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.similar_words {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ed504f
}

.match_btn .accordion-button:after {
    background-image: url(/landing/arrow_down.png) !important;
    width: 14px;
    height: 8px;
    background-size: contain
}

.dark-mode .match_btn .accordion-button:after {
    filter: brightness(0) invert(1)
}

.match_btn .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none
}

.match_btn .accordion-button {
    border-radius: 8px;
    background-color: transparent;
    padding: 8px 15px !important
}

.match_text p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: var(--matchsource)
}

.match_progress {
    width: 80%;
    height: 10px;
    border-radius: 6px;
    background-color: var(--placeholder) !important
}

.match_progress .bg-danger {
    border-radius: 6px;
    background-color: #ed504f !important
}

.match_button {
    padding: 9px 16px;
    border-radius: 8px;
    border: 1px solid #D0D2D6;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: var(--matchsource)
}

.match_percent {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 22px;
    text-align: right;
    color: #ed504f
}

.match_accordion {
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: var(--auth-form-bg);
    margin-bottom: 1rem
}

.match_accordion.accordion-item:not(:first-of-type) {
    border-top: 1px solid var(--border-color)
}

.accordion_sect {
    overflow-y: auto;
    height: 465px
}

.grammeraccordion_sect {
    overflow: auto;
    height: 545px
}

.new_search {
    padding: 13px;
    border-radius: 8px !important;
    width: 100%;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.check_grammerbtn {
    border-radius: 6px !important;
    padding: 13px 20px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-right: 1rem
}

.aI_contentbtn {
    border-radius: 6px !important;
    padding-top: 13px 24px;
    background-color: #ffb501 !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.nocontent_err {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding: 13px 20px;
    background: #ED504F;
    box-shadow: 0 10px 24px #0000000f
}

.nocontent_err.success-alert {
    background: #10B981
}

.nocontent_err .toast-header {
    padding: 0;
    background: transparent;
    border: none
}

.nocontent_err .toast-header span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.nocontent_err .toast-header .btn-close {
    --bs-btn-close-bg: url(/landing/close.png);
    opacity: 1
}

.Congrs_div p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: var(--heading-text-color)
}

.Congrs_div span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: var(--price-desc)
}

.tab-content {
    height: 93%
}

.Congrs_div {
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.urlpop_body {
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 24px #0000000f;
    background: var(--auth-form-bg)
}

.addurl_btn {
    padding: 10px 20px;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--main-text-color);
    border-bottom: 2px solid var(--auth-socialbtn-border)
}

.addurl_btn.active {
    color: var(--heading-text-color);
    font-weight: 600;
    border-bottom: 2px solid #1463FF
}

.urladd_div {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.urladd_div p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color);
    margin-bottom: .5rem
}

.urltext_input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid var(--border-color);
    margin-bottom: .5rem
}

.urltext_input::-moz-placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--main-text-color)
}

.urltext_input::placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--main-text-color)
}

.urlcheck_box {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    margin-right: 5px
}

.url_label {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.urlcheck_btn {
    border-radius: 8px;
    padding: 14px 24px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    float: right;
    margin-top: 1rem
}

.add_btn {
    position: absolute;
    top: 11px;
    right: 11px
}

.rate_heder {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: var(--heading-text-color)
}

.ratetype_div {
    display: flex;
    justify-content: center
}

.rate_type {
    padding: 0 19px;
    text-align: center
}

.rate_check .form-check-input {
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-color)
}

.form-check-input:checked[type=radio] {
    background-size: 12px;
    border-color: #1463ff !important
}

.rate_check .form-check-label {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.feedbacktype_header {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--heading-text-color)
}

.tell_text {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    resize: none;
    padding: 15px;
    background: transparent;
    color: var(--dark-text-color)
}

.rate_submit {
    border-radius: 8px !important;
    padding: 10px 30px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff !important;
    float: right
}

.ratepop_head {
    padding-bottom: 0;
    border: none;
    background: var(--auth-form-bg);
    border-radius: 16px
}

.rate_popup {
    max-width: 640px
}

.rate_popup .modal-content {
    background-color: var(--auth-form-bg)
}

.signpop_headding {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 2%;
    text-align: center;
    color: var(--heading-text-color)
}

.plag_contentdiv {
    height: 90%;
    overflow-y: auto
}

.plag_content,
.plag_content * {
    background-color: var(--plag_contentbg) !important;
    padding: 0;
    color: var(--simple-text-color) !important;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #f66868;
    color: var(--heading-text-color) !important
}

.rephrased_content,
.rephrased_content span {
    cursor: pointer
}

.signup_popup {
    max-width: 560px
}

.flag_menu .dropdown-item:hover,
.flag_menu .dropdown-item:focus {
    background: transparent
}

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

.socialsign_btn {
    border-radius: 8px !important;
    padding: 10px 28px;
    border: 1px solid var(--border-color) !important;
    background-color: var(--auth-socialbtn-bg) !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: var(--heading-text-color) !important
}

.signup_input {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding: 13px 20px;
    border: 1px solid var(--border-color);
    margin-bottom: 1rem
}

.signup_input::-moz-placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--matchsource)
}

.signup_input::placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--matchsource)
}

.option_dropdown .dropdown-toggle {
    background-color: transparent !important;
    width: 100%;
    border-color: var(--border-color) !important;
    border-radius: 8px !important;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--matchsource) !important;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.eye_img {
    position: absolute;
    top: 16px;
    right: 20px
}

.accept_label {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--matchsource);
    margin-left: 5px
}

.accept_label a {
    color: #1463ff
}

.register_btn {
    border-radius: 8px !important;
    padding: 13px 20px;
    width: 100%;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.totalcount {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: var(--dark-text-color)
}

.support_free {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: var(--matchsource)
}

.Continuefree_btn {
    border-radius: 8px !important;
    padding: 13px 20px;
    background-color: #1463ff !important;
    margin: 5px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    border: none
}

.GoPro_btn {
    border-radius: 8px !important;
    padding: 13px 20px;
    background-color: #ffb501 !important;
    margin: 5px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #ffca2c !important
}

.proceed_btn {
    width: 120px;
    border-radius: 8px !important;
    padding: 13px 20px;
    background-color: #1463ff !important;
    margin: 5px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.proceed_btn.btn-dark {
    background-color: var(--dark-text-color) !important
}

.action_btn {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-self: center;
    padding: 5px
}

.textaction_dropdown {
    width: 158px;
    border-radius: 6px;
    padding: 5px 10px;
    background: var(--rate-bg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--heading-text-color)
}

.grammer_contentdiv {
    height: 640px;
    overflow-y: auto
}

.grammer_contentdiv p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    color: var(--dark-text-color)
}

.grammerlimit_txt {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    color: var(--dark-text-color);
    padding-right: 1rem
}

.recheck_btn {
    border-radius: 8px !important;
    padding: 13px 20px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.suggest_head p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    color: #1463ff;
    margin: 0
}

.suggest_head .btn-success {
    border-radius: 8px !important;
    padding: 9px 20px;
    background-color: #21cc9e !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.greendot {
    width: 10px;
    height: 10px;
    background: #29CF8E;
    border-radius: 50%
}

.accord_mistake {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: var(--main-text-color)
}

.accord_desktop {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: var(--heading-text-color)
}

.accord_suggest span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-text-color);
    margin-bottom: 0
}

.accord_suggest p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 18px;
    color: var(--main-text-color);
    margin-bottom: 0
}

.dummy_txt span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: underline;
    color: var(--heading-text-color)
}

.suggestion_btn {
    border-radius: 8px !important;
    padding: 10px 16px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 5px
}

.suggest_action {
    padding: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px
}

.suggest_actbtn .btn {
    width: 48%;
    border-radius: 8px !important;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.suggest_actbtn .btn-success {
    background-color: #21cc9e !important
}

.suggest_actbtn .btn-dark {
    background-color: var(--dark-text-color) !important
}

.orignal_cont {
    height: 100%;
    max-height: 610px;
    overflow-y: auto
}

.aiorignal_cont {
    height: 100%;
    max-height: 727px;
    overflow-y: auto
}

.orignal_cont p,
.aiorignal_cont p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: var(--grammercont-text)
}

.grammerresult_mob,
.aicheckedmob,
.grammer_suggestpop .popover-arrow {
    display: none
}

.grammer_suggestpop .popover-body {
    width: 284px;
    border-radius: 8px;
    padding: 20px
}

.check_plagbtn {
    border-radius: 8px !important;
    border: none;
    padding: 13px 20px;
    background-color: var(--dark-text-color) !important;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.aichecked_contentdiv {
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 24px #0000000f;
    background: var(--auth-form-bg);
    text-align: left;
    height: -moz-fit-content;
    height: fit-content
}

.aichecked_contentdiv h3 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: var(--heading-text-color)
}

.aimain_progress {
    height: 15px;
    border-radius: 6px;
    background-color: #45dd84 !important
}

.aidanger_progress {
    border-radius: 6px;
    background-color: #ed504f !important
}

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

.aicont_percent span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.hero_section3 {
    background: var(--secondary-background-color);
    background-image: url(/landing/ai_bg.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%
}

.parahero_section {
    background: var(--secondary-background-color);
    background-image: url(/landing/para_bg.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.paraphraze_div {
    width: 100%;
    height: 570px;
    background-color: var(--auth-form-bg);
    border-radius: 16px
}

.paraphraze_divmob {
    display: none
}

.content_synonyms_head {
    padding: 12px 20px;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

.actualparaphrascontent_div {
    width: 55%
}

.parahead_dropdown {
    border-radius: 6px !important;
    padding: 5px 10px;
    background: var(--rate-bg) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--heading-text-color);
    border: 0px !important
}

.dark-mode .parahead_dropdown:hover,
.dark-mode .parahead_dropdown.show {
    color: #fff
}

.syno_slider {
    width: 280px
}

.range-input {
    width: 220px;
    height: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    position: relative
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background-color: #1463ff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -7px;
    box-shadow: 0 0 2px #0003;
    position: relative;
    z-index: 2
}

.range-input::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 4px;
    background: transparent;
    position: relative;
    z-index: 1
}

.range-input::-moz-range-thumb {
    height: 18px;
    width: 18px;
    background-color: #1463ff;
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.range-input::-moz-range-track {
    height: 6px;
    border-radius: 4px;
    background: transparent
}

.range-input:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(33.33% - 1px);
    width: 2px;
    height: 12px;
    background: white;
    z-index: 1
}

.range-input:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(66.66% - 1px);
    width: 2px;
    height: 12px;
    background: white;
    z-index: 1
}

.paraphras_result_head {
    height: 56px;
    padding: 19px 20px;
    border-bottom: 1px solid var(--border-color)
}

.paraphras_result_div {
    width: 45%
}

.Paraphrasing_content_section {
    display: flex
}

.Paraphras_type_div {
    width: 150px;
    gap: 14px;
    border-right: 1px solid var(--border-color)
}

.Paraphras_type_div p {
    padding: 11px 20px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: var(--heading-text-color);
    margin-bottom: 0
}

.Paraphras_mod_btn {
    padding: 11px 20px;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--paramode-btn);
    cursor: pointer !important;
    display: flex;
    align-items: center
}

.Paraphras_mod_btn.active {
    border-right: 2px solid #1463FF;
    background: var(--paramode-btnbg);
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: #1463ff
}

.Paraphrasing_text_div {
    border-right: 1px solid var(--border-color);
    width: 100%
}

.paraph_placeholder {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: var(--main-text-color)
}

.paraph_placeholder span {
    color: var(--heading-text-color)
}

.Paraphras_textarea {
    resize: none;
    height: 644px;
    border: none;
    padding: 20px 20px 90px
}

.paste_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.redbox {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #F66868
}

.yellowbox {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #FFB501
}

.purplebox {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #BC4EFF
}

.info_btn {
    color: #535479
}

.info_btn:hover {
    color: #1463ff
}

.paraphrase_type span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 12px;
    color: var(--matchsource)
}

.Paraphrasing_result_section {
    padding: 20px 20px 76px;
    position: relative
}

.Paraphrased_result {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: var(--heading-text-color);
    height: 420px;
    overflow: auto
}

.Paraphrased_structural {
    background: #FFF0CC;
    text-decoration: underline;
    text-decoration-color: #ffb501
}

.Paraphrased_changed {
    background: #FDE1E1;
    text-decoration: underline;
    text-decoration-color: #f66868
}

.Paraphrased_unchanged {
    background: #F2DCFF;
    text-decoration: underline;
    text-decoration-color: #bc4eff
}

.para_pop {
    max-width: 364px;
    background: transparent;
    border: none;
    box-shadow: 0 0 30px #0000001f
}

.paraphrasing_popover {
    position: relative;
    width: 364px;
    border-radius: 12px;
    padding: 20px;
    background: var(--parapop-bg)
}

.para_suggest_opt {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.para_suggest_opt span {
    color: var(--matchsource)
}

.pop_def p {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.pop_def span {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--matchsource)
}

.para_suggest_btn {
    border-radius: 6px !important;
    padding: 8px;
    border: 1px solid var(--border-color) !important;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.para_suggest_btn:hover {
    background-color: var(--border-color) !important
}

.own_suggest input {
    height: 38px;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid var(--border-color)
}

.own_suggest input::-moz-placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.own_suggest input::placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.own_suggest .btn {
    height: 38px;
    border-radius: 6px !important;
    padding: 10px;
    background-color: #1463ff !important;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%
}

.close_img {
    position: absolute;
    right: 20px
}

.Premium-tooltip {
    opacity: 1 !important;
    background-color: var(--parapop-bg);
    color: #333;
    border: 2px solid #FFD700;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 8px 24px #ffffff1a;
    font-size: 14px;
    position: relative
}



.Premium-tooltip .tooltip-inner {
    background-color: transparent;
    padding: 0;
    text-align: left
}

.Premium-tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translate(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--parapop-bg);
    z-index: 2
}

.Premium-tooltip.bs-tooltip-bottom .tooltip-arrow:after {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translate(-50%);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FFD700;
    z-index: 1
}

.Premium-tooltip span {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    color: var(--heading-text-color)
}

.Premium-tooltip p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    color: var(--matchsource)
}

.Premium-tooltip a {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
    color: #ffb501
}

.shine_img {
    position: absolute;
    top: -15px;
    left: -15px
}

.text_features_popover {
    width: 260px;
    background: var(--parapop-bg);
    box-shadow: 0 -4px 36px #0000001f;
    border-radius: 12px;
    padding: 20px
}

.txtfeature_head {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    color: #1463ff
}

.paraphrasepop_desc {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: var(--matchsource)
}

.unlock_propop {
    max-width: 150px;
    opacity: 1 !important
}

.unlock_propop p,
.range_propop p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-background-color)
}

.unlock_propop a,
.range_propop a {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline;
    color: #ffb501
}

.unlock_propop .tooltip-inner,
.range_propop .tooltip-inner {
    padding: 12px;
    background-color: var(--tooltip-bgcolor);
    text-align: left
}

.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: var(--tooltip-bgcolor)
}

.range_propop {
    max-width: 192px;
    opacity: 1 !important
}

.pararesult_btn {
    width: 36px;
    height: 36px;
    border-radius: 6px !important;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.plagcheck_btn {
    border-radius: 8px !important;
    padding: 13px 30px;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    background-color: #1463ff !important;
    color: #fff;
    border: none;
    margin-left: 1rem
}

.howto_Paraphras {
    background: var(--secondary-background-color);
    padding: 4.5rem 0px
}

.howto_paradesc {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: var(--matchsource)
}

.parafeature_div {
    background-image: url(/landing/parafeature_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom
}

.grammerfix_table {
    margin-top: 3rem
}

.grammerfix_tablemob {
    display: none
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: transparent;
    --bs-table-bg-type: transparent
}

.table-striped>tbody>tr:nth-of-type(2n)>* {
    background-color: var(--secondary-background-color)
}

.grammerfix_table th,
.grammerfix_table td {
    width: 33.33%;
    text-align: center;
    border-bottom: 1px solid #CFD3DD;
    vertical-align: middle
}

.grammerfix_table th {
    height: 48px;
    padding: 12px;
    background: #1463FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.grammerfix_table td {
    height: 56px;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--heading-text-color) !important
}

.grammerfix_table thead th:first-child {
    border-top-left-radius: 8px
}

.grammerfix_table thead th:last-child {
    border-top-right-radius: 8px
}

.howto_desc {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: var(--matchsource)
}

.apidocument_body {
    background: var(--secondary-background-color)
}

.apidoc_head {
    background-image: url(/auth-assets/auth-bg.png);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 10rem
}

.apidoc_head h1 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: var(--heading-text-color)
}

.apidoc_head p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: var(--matchsource)
}

.apidoc_Schemas {
    margin-top: -5rem
}

.apidoc_Schemastype h2 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--heading-text-color)
}

.Schemastype_div {
    border-radius: 8px;
    padding: 9px;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--matchsource) !important
}

.Schemastype_div a {
    color: var(--matchsource) !important
}

.Schemastype_div.active {
    background: var(--auth-form-bg);
    color: #1463ff !important;
    font-weight: 600
}

.Schemastype_div.active a {
    color: #1463ff !important
}

.Schemas_details {
    padding-bottom: 7rem
}

.Schemas_details h2 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 28px;
    color: var(--heading-text-color)
}

.Schemas_detailsdiv {
    border-radius: 16px;
    padding: 20px 24px;
    background: var(--auth-form-bg)
}

.Schemas_detailsdiv h3 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 20px;
    color: var(--heading-text-color)
}

.Schemas_detailsdiv p {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--matchsource)
}

.apimethod_table thead th:first-child {
    border-top-left-radius: 8px;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    max-width: 240px
}

.apimethod_table thead th:last-child {
    border-top-right-radius: 8px;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color)
}

.apimethod_table {
    border-collapse: separate;
    border-spacing: 0
}

.apimethod_table th {
    background: var(--apitable-bg);
    border-color: var(--border-color);
    font-family: DM Sans;
    font-weight: 600;
    font-size: 14px;
    color: var(--heading-text-color);
    vertical-align: middle
}

.apimethod_table th:first-child,
.apimethod_table td:first-child {
    width: 30%
}

.apimethod_table td:first-child {
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color)
}

.apimethod_table td:last-child {
    border-right: 1px solid var(--border-color)
}

.apimethod_table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.apimethod_table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.apimethod_table td {
    border-color: var(--border-color);
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--matchsource);
    vertical-align: middle
}

.Schemasurl_input {
    position: relative
}

.Schemasurl_input input {
    width: 100%;
    height: 56px;
    border-radius: 8px;
    padding: 12px 20px;
    border: 1px solid var(--border-color)
}

.Schemasurl_input input::-moz-placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--matchsource)
}

.Schemasurl_input input::placeholder {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    color: var(--matchsource)
}

.Schemasurl_input img {
    position: absolute;
    top: 20px;
    right: 20px
}

.apitoken_imgdiv {
    width: 100%;
    height: 364px;
    border-radius: 8px;
    background: var(--secondary-background-color);
    position: relative
}

.token_placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: DM Sans;
    font-weight: 600;
    font-size: 28px;
    color: var(--api-imgholder)
}

.Schemas_detailsdiv h4 {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--heading-text-color)
}

.code-box {
    width: 100%;
    border-radius: 8px;
    padding: 17px 20px;
    border: 1px solid var(--border-color);
    white-space: pre-wrap;
    overflow-x: auto
}

.code-box code {
    font-family: DM Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--matchsource)
}

.code-box code span {
    color: #1463ff
}

.apimethod_table td span {
    color: #ed504f
}

.notice {
    width: 818;
    height: 90;
    gap: 7px;
    border-radius: 8px;
    padding: 17px 20px;
    background: #FEEEEE;
    border: 1px solid #ED504F
}

.refcls {
    color: var(--heading-text-color)
}

.grammar-accordion {
    height: 96%
}

@media only screen and (max-width: 1640px) {

    .downloadreport_btn,
    .removeplag_btn,
    .exclude-btns button {
        width: 100%
    }

    .inner-ed {
        height: 824px
    }

    .downloadreport_btn {
        margin-right: 0 !important
    }
}

@media only screen and (max-width: 1200px) {
    .checked_contentdiv {
        width: 58% !important
    }

    .statsection {
        width: 40% !important
    }

    .suggest_actbtn .btn {
        width: 100%
    }

    .suggest_actbtn .btn-success {
        margin-bottom: 8px
    }

    .grammeraccordion_sect {
        max-height: 400px
    }

    .suggestion_btn {
        width: 100%;
        margin-left: 0
    }

    .grammer_contentdiv {
        height: 600px
    }

    .plagiarismchecker_typedrop {
        width: 100%;
        box-shadow: none
    }

    .plagtypediv {
        padding: 10px;
        border-radius: 12px;
        background: var(--auth-socialbtn-bg);
        align-items: center
    }

    .plagtypediv span {
        display: none
    }

    .plagtype_imgdiv {
        background: var(--main-background-color)
    }
}

@media only screen and (max-width: 1091px) {
    .custom_placeholder {
        font-size: 30px
    }
}

@media only screen and (max-width: 1025px) {
    .herodesc_div {
        width: 70%
    }

    .hero_container {
        padding-top: 3rem;
        padding-bottom: 6rem
    }

    .plag_head {
        font-size: 38px;
        line-height: 52px
    }

    .plag_desc {
        font-size: 20px;
        line-height: 30px
    }

    .opt-hed,
    .detect_head {
        font-size: 18px;
        line-height: 23px
    }

    .opt-desc {
        font-size: 16px;
        line-height: 26px
    }

    .user_pleghead {
        font-size: 32px;
        line-height: 42px
    }

    .user_plegdesc {
        font-size: 18px;
        line-height: 26px
    }

    .user_plagihead {
        font-size: 22px;
        line-height: 28px
    }

    .premium_head {
        font-size: 38px
    }

    .featurediv_head {
        font-size: 28px;
        line-height: 36px
    }

    .featurediv_desc {
        font-size: 16px;
        line-height: 26px
    }

    .premium_section,
    .peoplesay_section,
    .Aicontentwork_section,
    .faq_simple {
        padding: 6rem 0px
    }

    .peoplesay_head {
        font-size: 38px;
        line-height: 44px
    }

    .faq_head {
        font-size: 22px;
        line-height: 30px
    }

    .getstarted_section h2 {
        font-size: 40px;
        line-height: 46px
    }

    .getstarted_section p {
        font-size: 16px;
        line-height: 24px
    }

    .custom_placeholder {
        font-size: 26px;
        top: 40%;
        padding: 0 10px
    }

    .result_section {
        flex-wrap: wrap
    }

    .statsection {
        max-width: 100%
    }

    .grammer_results {
        display: none !important
    }

    .grammerresult_mob,
    .aicheckedmob {
        display: block
    }
}

@media only screen and (max-width: 991.5px) {
    .herodesc_div {
        width: 100%
    }

    .checked_contentdiv,
    .statsection {
        width: 100% !important
    }

    .plag_userdiv {
        padding-right: 0
    }

    .userdiv_plagi,
    .studentdiv_plagi {
        height: 100%;
        padding: 25px
    }

    .premium_section,
    .peoplesay_section,
    .Aicontentwork_section,
    .faq_simple {
        padding: 4rem 0px
    }

    .premium_featurediv2 {
        height: -moz-fit-content;
        height: fit-content
    }

    .student1_testimony {
        border-bottom: 1px solid var(--plagly-nav-border);
        border-right: none;
        padding: 2rem 0rem 2rem 0px
    }

    .student2_testimony {
        padding: 2rem 0px 2rem 0rem
    }

    .footdesc_div {
        padding: 0;
        margin-bottom: 3rem
    }

    .plag_head {
        font-size: 35px;
        line-height: 50px
    }

    .plag_desc {
        font-size: 18px;
        line-height: 28px
    }

    .user_pleghead,
    .premium_head {
        font-size: 30px;
        line-height: 40px
    }

    .getstarted_section h2 {
        font-size: 30px;
        line-height: 42px
    }

    .user_plegdesc {
        font-size: 16px;
        line-height: 24px
    }

    .plag_userdiv {
        padding: 25px 0
    }

    .premium_featurediv {
        padding: 50px 70px
    }

    .peoplesay_head {
        font-size: 30px;
        line-height: 42px
    }

    .testimony_div {
        padding: 40px 100px
    }

    .testimony_txt {
        font-size: 16px;
        line-height: 26px
    }

    .testimony_name {
        font-size: 18px;
        line-height: 24px
    }

    .plagiarism_textarea::-moz-placeholder {
        font-size: 26px;
        line-height: 36px;
        top: 40%
    }

    .plagiarism_textarea::placeholder {
        font-size: 26px;
        line-height: 36px;
        top: 40%
    }

    .teacher_define {
        width: 100%;
        text-align: center
    }

    .paraphraze_div {
        height: 100%
    }

    .paraphras_result_div,
    .actualparaphrascontent_div {
        width: 100%
    }

    .paraphras_result_head {
        border: 1px solid var(--border-color)
    }

    .Paraphrasing_content_section {
        flex-direction: column
    }

    .Paraphras_type_div {
        display: flex;
        width: 100%;
        overflow-x: scroll;
        border-bottom: 1px solid var(--border-color)
    }

    .paraphraze_divmob {
        display: block
    }

    .paraphraze_orignaldiv {
        background: var(--auth-form-bg);
        box-shadow: 0 10px 24px #0000000f;
        width: 100%;
        border-radius: 16px;
        height: 435px
    }

    .paraphraze_orignalhead {
        padding: 13px 20px;
        border-bottom: 1px solid var(--border-color)
    }

    .paraphraze_orignaltype {
        border-bottom: 1px solid var(--border-color);
        display: flex;
        width: inherit;
        overflow-x: auto;
        padding-top: 20px
    }

    .Paraphras_type_div::-webkit-scrollbar {
        display: none
    }

    .paraphraze_orignaltype p {
        font-family: DM Sans;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        color: var(--heading-text-color);
        padding: 12px;
        margin: 0
    }

    .Paraphras_mod_btn {
        padding: 12px;
        font-family: DM Sans;
        font-weight: 500;
        font-size: 13px;
        line-height: 18px
    }

    .Paraphras_mod_btn.active {
        border-right: 0px;
        border-bottom: 2px solid #1463FF
    }

    .Paraphras_textarea {
        height: 351px
    }

    /* .tooltip {
        display: block !important
    } */

    .plagcheck_btn {
        display: none
    }

    .Paraphrasing_result_section {
        width: 100%;
        height: 351px
    }

    .Paraphrased_result {
        height: 100%;
        overflow-y: auto
    }
}

@media only screen and (max-width: 808px) {
    .university_div {
        justify-content: center
    }
}

@media only screen and (max-width: 768px) {
    .text_tools.results {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: start !important;
        width: 100% !important
    }

    .checked_contentdiv {
        padding: 20px 10px
    }

    .user_section {
        padding: 3rem 0px
    }

    .university_div {
        justify-content: center
    }

    .action_btn {
        width: 24px;
        height: 24px
    }

    .suggest_head p {
        font-size: 14px
    }

    .suggest_head .btn-success {
        padding: 7px 10px;
        font-size: 13px;
        line-height: 18px
    }

    .suggest_head .btn-danger {
        border-radius: 8px !important;
        padding: 7px 10px;
        background-color: #ff3e3e !important;
        font-family: DM Sans;
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        color: #fff
    }

    .grammerlimit_txt {
        font-size: 12px
    }

    .accord_suggest p,
    .dummy_txt span {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px
    }

    .accord_suggest span {
        font-weight: 500;
        font-size: 14px
    }

    .suggestion_btn {
        width: 102px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px
    }

    .FreeFeatures {
        width: 100%
    }

    .PremiumFeatures {
        width: 100%;
        margin-top: 1.5rem
    }

    .detect_word {
        margin-top: 0;
        margin-bottom: 1rem
    }
}

.dark-mode .upload_btns:hover {
    background: #171717
}

.match_btn .accordion-button:after {
    content: "" !important;
    filter: grayscale(1);
    transform: rotate(0) !important
}

.dark-mode .match_btn .accordion-button:after {
    filter: brightness(0) invert(1) !important
}

@media only screen and (max-width: 767.5px) {
    .mob_uploadicon {
        display: block
    }

    .plagiarism_textarea {
        height: 520px
    }

    .mob_textoption {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        padding: 1.25rem
    }

    .mob_limit_txt {
        font-family: DM Sans;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: var(--auth-desc)
    }

    .review_div {
        padding: 9px 6px 9px 10px
    }

    .rev_num {
        border-right: 0px;
        padding: 0
    }

    .recheck_btn {
        width: 100%;
        padding: 12px
    }

    .grammar_downreport {
        width: 100%;
        border-radius: 8px !important;
        padding: 12px;
        background-color: var(--dark-text-color);
        font-family: DM Sans;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px
    }

    .grammerfix_table {
        display: none
    }

    .grammerfix_tablemob {
        display: flex;
        flex-direction: column;
        margin-top: 3rem
    }

    .grammerfix_tablemob_head {
        padding: 13px 20px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom: 1px solid #CFD3DD;
        background: #1463FF;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #fff
    }

    .grammerfix1_tablemob {
        padding: 17px 20px;
        border-bottom: 1px solid #CFD3DD;
        background: transparent;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: center;
        color: var(--heading-text-color)
    }

    .grammerfix2_tablemob {
        padding: 17px 20px;
        border-bottom: 1px solid #CFD3DD;
        background: var(--secondary-background-color);
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: center;
        color: var(--heading-text-color)
    }


}

@media only screen and (max-width: 600px) {
    .plag_head {
        font-size: 32px;
        line-height: 46px
    }

    .plag_desc {
        font-size: 16px;
        line-height: 26px
    }

    .plag_head {
        font-size: 30px;
        line-height: 44px
    }

    .opt-hed,
    .detect_head {
        font-size: 16px;
        line-height: 20px
    }

    .user_pleghead,
    .premium_head {
        font-size: 26px;
        line-height: 36px
    }

    .getstarted_section h2 {
        font-size: 26px;
        line-height: 38px
    }

    .featurediv_head {
        font-size: 24px;
        line-height: 32px
    }

    .peoplesay_head {
        font-size: 26px;
        line-height: 40px;
        width: 75%;
        margin: auto
    }

    .testimony_div {
        padding: 40px 80px
    }

    .featuredesc_div {
        padding: 0
    }

    .pricehead_contain h1,
    .Premium_Plan h2 {
        font-size: 28px;
        line-height: 36px
    }

    .pricehead_contain p {
        font-size: 16px;
        line-height: 26px
    }

    .GetStarted_balck,
    .GetStarted_blue {
        margin-top: 1.5rem
    }

    .price_month {
        font-size: 18px
    }

    .price_month span {
        font-size: 36px
    }

    .Feature_listhead {
        justify-content: center
    }

    .accordion_sect {
        max-height: 480px
    }

    .ratetype_div {
        flex-direction: column;
        align-items: flex-start
    }

    .ratetype_div img {
        display: none
    }

    .custom_placeholder {
        width: 80%;
        height: auto
    }

    .custom_placeholder p {
        width: 100%
    }

    .placehold_p {
        width: 100% !important
    }

    .mob_uploadicon {
        top: 50%
    }

    .socialbtns_div {
        flex-wrap: wrap;
        justify-content: center
    }

    .socialsign_btn {
        margin: 5px
    }

    .check_btn {
        width: 100%
    }

    .parafeature_div {
        background-size: cover
    }

    .apidoc_head h1 {
        font-size: 28px;
        line-height: 36px
    }

    .Schemas_details h2 {
        font-size: 22px
    }

    .Schemas_detailsdiv h3,
    .Schemas_detailsdiv h4 {
        font-size: 16px
    }

    .Schemas_detailsdiv p {
        font-size: 14px
    }

    .token_placeholder {
        font-size: 22px;
        text-align: center
    }

    .apidoc_head {
        padding-bottom: 8rem
    }

    .apitoken_imgdiv {
        height: 280px
    }

    .pricehero_container {
        padding: 3rem 0px
    }

    .plandiv.active,
    .plandiv {
        padding: 8px 12px
    }

    .plan_due {
        font-size: 13px
    }

    .pricehero_section {
        padding-bottom: 3rem
    }

    .price_options {
        margin-bottom: 3rem
    }

    .feature_type {
        text-align: start
    }

    .feature_pricehead,
    .Premium_pricehead {
        height: 195px;
        text-align: center
    }
}

@media only screen and (max-width: 576px) {
    .Feature_listhead {
        height: 80px
    }

    .feature_pricehead,
    .Premium_pricehead {
        text-align: center
    }

    .plantype {
        width: -moz-fit-content;
        width: fit-content
    }

    .save_div {
        margin: auto
    }

    .words_select {
        justify-content: center
    }

    .words_select span {
        margin-right: 1rem
    }

    .downloadreport_btn,
    .removeplag_btn {
        width: 100%;
        margin-top: 5px
    }

    .text_tools span {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px
    }

    .checkplag_btn {
        width: 180px;
        padding: 12px 20px;
        border-radius: 8px !important;
        background-color: #1463ff !important;
        font-family: DM Sans;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #fff
    }

    .rephraze_btn {
        width: 130px;
        padding: 12px 20px;
        border-radius: 8px !important;
        background-color: var(--back-home);
        font-family: DM Sans;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px
    }

    .nav_plagily {
        padding: 12px 20px 20px
    }

    .plagiarismchecker_typedrop {
        padding: 10px 0
    }

    .plagiarismchecker_typedrop .dropdown-item {
        padding: 0 0 10px
    }

    .gramerfeature_section {
        background-image: url(/landing/mobgram_bg.svg)
    }

    .match_div {
        display: block
    }

    .hero_section {
        background: url(/landing/home_bg.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top
    }

    .footdesc_div {
        text-align: center
    }
}

@media only screen and (max-width: 500px) {
    .premium_featurediv {
        padding: 30px 20px
    }

    .testimony_div {
        padding: 40px 20px
    }

    .peoplesay_section {
        background-image: url(/landing/trust_bg.svg)
    }

    .Aicontentwork_section {
        background-image: url(/landing/peoplesaymob_bg.svg);
        background-size: auto
    }

    .plagiarism_textarea::-moz-placeholder {
        font-size: 24px;
        line-height: 30px;
        top: 30%
    }

    .plagiarism_textarea::placeholder {
        font-size: 24px;
        line-height: 30px;
        top: 30%
    }

    .limit_txt {
        padding: 0;
        border: none
    }

    .teacher_define {
        margin-top: 3rem
    }

    .hint-div {
        flex-direction: column
    }

    .hint-div p {
        margin-left: 0;
        text-align: center
    }

    .head_contain {
        width: 100%
    }

    .premium_featurediv2 {
        padding: 30px 20px
    }

    .benefits_section {
        padding: 4rem 0px;
        background-image: url(/landing/benifitmob_bg.svg);
        background-size: cover;
        background-repeat: no-repeat
    }

    .hero_section2 {
        background: url(/landing/plagmob_bg.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top -5rem center;
        background-color: #f7f7f8
    }

    .howtouse_div {
        margin-bottom: 0
    }

    .pricehead_contain h1 {
        font-size: 28px
    }
}

@media only screen and (max-width: 450px) {
    .container {
        width: 90%
    }

    .plag_head {
        font-size: 28px;
        line-height: 38px
    }

    .plag_desc {
        font-size: 18px;
        line-height: 26px
    }

    .plag_userdiv {
        padding: 0 0 20px
    }

    .userdiv_plagi,
    .studentdiv_plagi {
        padding: 25px
    }

    .user_pleghead,
    .premium_head {
        font-size: 24px;
        line-height: 32px
    }

    .opt-desc,
    .featurediv_desc {
        line-height: 24px
    }

    .featurediv_head {
        font-size: 22px;
        line-height: 30px
    }

    .student1_testimony {
        padding: 0
    }

    .student2_testimony {
        padding-bottom: 0
    }

    .peoplesay_head {
        width: 85%
    }

    .getstarted_section p {
        margin: auto
    }

    .footer_desc {
        font-size: 16px;
        line-height: 28px
    }

    .Continuefree_btn,
    .GoPro_btn,
    .proceed_btn {
        width: 100%
    }

    .syno_slider {
        width: 218px
    }
}

@media only screen and (max-width: 376px) {
    .accordion_sect {
        max-height: 430px
    }

    .check_grammerbtn {
        margin-right: 0;
        margin: 1rem
    }

    .review_div {
        margin-top: 5px
    }

    .orignal_cont {
        max-height: 580px
    }

    .aiorignal_cont {
        max-height: 702px
    }

    .range-input {
        width: 100px
    }
}

@media only screen and (max-width: 351px) {
    .orignal_cont {
        max-height: 550px
    }
}

.cc {
    font-family: DM Sans;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    letter-spacing: 2%;
    text-align: center
}

.ck-content {
    border-color: transparent !important;
    box-shadow: none !important
}

.ck-powered-by {
    display: none !important;
    visibility: hidden
}

.plagiarism_textarea .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
    justify-content: start !important
}

.ck.ck-toolbar {
    background: transparent !important;
    border: none !important
}

.ck.ck-icon.ck-icon_inherit-color :not([fill]) {
    fill: var(--main-text-color) !important
}

.ck-content ul,
.ck-content ol {
    color: var(--simple-text-color) !important
}

.accordion-header .accordion-button:after {
    transition: .5s;
    transform: rotate(0)
}

.accordion-header.collapsed .accordion-button:after {
    transition: .5s;
    transform: rotate(180deg)
}

.right-sidebar .accordion-collapse {
    max-height: 500px;
    overflow: hidden;
    transition: max-height .5s, overflow 0s
}

.right-sidebar .accordion-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical
}

.right-sidebar .accordion-collapse.d-hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s, overflow 0s
}

.acc-title {
    display: -webkit-box;
    max-width: 280px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--heading-text-color);
    line-height: 22px !important;
    font-weight: 600 !important;
    font-size: 16px !important
}

.rephrased_content.a-active {
    background-color: var(--rephrased_contentbg) !important;
    text-decoration: underline;
    text-decoration-color: #ffb501
}

.plag_content.a-active {
    background-color: #f2bcbc !important
}

.dark-mode .plag_content.a-active {
    background-color: #936565 !important
}

.main-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    background: #ffffffa3;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.main-container .text {
    color: var(--heading-text-color)
}

.dark-mode .main-container {
    background-color: #0009 !important
}

.check-container {
    width: 6.25rem;
    height: 7.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between
}

.check-container .check-background {
    width: 100%;
    height: calc(100% - 1.25rem);
    background: linear-gradient(to bottom right, #5de593, #41d67c);
    box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset;
    transform: scale(.84);
    border-radius: 50%;
    animation: animateContainer .75s ease-out forwards .75s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0
}

.check-container .check-background svg {
    width: 65%;
    transform: translateY(.25rem);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: animateCheck .35s forwards 1.25s ease-out
}

.check-container .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
    animation: animateShadow .75s ease-out forwards .75s
}

@keyframes animateContainer {
    0% {
        opacity: 0;
        transform: scale(0);
        box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
    }

    25% {
        opacity: 1;
        transform: scale(.9);
        box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
    }

    43.75% {
        transform: scale(1.15);
        box-shadow: 0 0 0 43.334px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
    }

    62.5% {
        transform: scale(1);
        box-shadow: 0 0 #ffffff40 inset, 0 0 0 21.667px #ffffff40 inset
    }

    81.25% {
        box-shadow: 0 0 #ffffff40 inset, 0 0 #ffffff40 inset
    }

    to {
        opacity: 1;
        box-shadow: 0 0 #ffffff40 inset, 0 0 #ffffff40 inset
    }
}

@keyframes animateCheck {
    0% {
        stroke-dashoffset: 80
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes animateShadow {
    0% {
        opacity: 0;
        width: 100%;
        height: 15%
    }

    25% {
        opacity: .25
    }

    43.75% {
        width: 40%;
        height: 7%;
        opacity: .35
    }

    to {
        width: 85%;
        height: 15%;
        opacity: .25
    }
}

.top-banner {
    display: flex;
    align-items: center;
    background: #0061ff;
    border-radius: 16px 16px 0 0/16px 16px 0px 0px;
    color: #fff;
    overflow: hidden;
    margin-bottom: -15px;
    z-index: 2;
    position: relative;
    justify-content: space-between
}

.discount-badge {
    background: url(/banner-discount.png);
    padding: 8px 25px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 61px;
    width: 154px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 175px 61px
}

.discount-text {
    display: flex;
    line-height: 1;
    align-items: center
}

.discount-text .big {
    font-size: 50px;
    font-weight: 900
}

.discount-text .percent {
    color: #ffc107;
    font-size: 31px;
    font-weight: 700
}

.discount-text .off {
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px
}

.top-banner .features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1
}

.top-banner .feature {
    color: #fff;
    padding: 6px 6px 4px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-weight: 500
}

.top-banner .price {
    background: white;
    color: #0061ff;
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 500
}

.price span {
    font-weight: 700
}

.mobile-features,
.mob-price {
    display: none
}

@media only screen and (min-width: 1410px) and (max-width: 1510px) {
    .features svg {
        width: 30px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1409px) {
    .features svg {
        display: none !important
    }
}

@media only screen and (max-width: 1200px) {
    .features {
        display: none !important
    }
}

@media only screen and (max-width: 991px) {
    #result_section {
        display: flex;
        flex-direction: column-reverse
    }

    #modes-container {
        display: flex;
    }
}

@media only screen and (max-width: 800px) {
    .hero_container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .price {
        margin-right: 10px !important;
        font-size: 12px
    }

    .discount-badge {
        height: 60px;
        width: 130px;
        background-size: 130px 60px;
        padding-left: 20px
    }

    .gram.inner-ed {
        height: 500px !important
    }

    .discount-badge {
        background: url(/banner-discount.png);
        color: #fff;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: 175px 61px;
        height: 60px;
        width: 70px;
        background-size: 81px 60px;
        padding: 9px 12px 9px 10px
    }

    .mobile-features {
        color: #fff;
        padding: 0;
        border-radius: 10px;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: 14px;
        display: inline-block
    }

    .mobile-features .feature {
        padding: 4px 4px 0
    }

    .price {
        display: none
    }

    .mob-price {
        background: white;
        color: #0061ff;
        padding: 9px;
        border-radius: 10px;
        font-weight: 600;
        margin-right: 10px !important;
        font-size: 13px;
        display: inline-block
    }
}

.popover.popOverMobile {
    position: absolute !important
}

.sm_para {
    background-color: var(--plag_contentbg);
    cursor: pointer
}

.sm_syn {
    background-color: var(--rephrased_contentbg)
}

.sm_para.active,
.sm_syn.active {
    border-bottom: 1px solid red
}

.pop-loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #0061ff;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}

.pc .ck.ck-content {
    height: auto !important
}

#cite_ref {
    padding-top: 30px
}

.refcls {
    font-size: 14px;
    position: relative;
    word-break: break-word;
    border-bottom: 1px solid #e8e8e8;
    padding: 20px;
    background-color: var(--secondary-background-color)
}

.spinner {
    width: 46px;
    height: 46px;
    display: grid;
    animation: spinner-plncf9 4s infinite
}

.spinner:before,
.spinner:after {
    content: "";
    grid-area: 1/1;
    border: 5px solid;
    border-radius: 50%;
    border-color: #BC58FF #BC58FF #0000 #0000;
    mix-blend-mode: darken;
    animation: spinner-plncf9 1s infinite linear
}

.spinner:after {
    border-color: #0000 #0000 #dbdcef #dbdcef;
    animation-direction: reverse
}

@keyframes spinner-plncf9 {
    to {
        transform: rotate(1turn)
    }
}

.star-wrapper {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 24px;
    flex-shrink: 0
}

.stars-empty,
.stars-filled {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.stars-empty {
    color: #d0d2d6;
    fill: #d0d2d6;
    z-index: 1
}

.stars-filled-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.stars-filled {
    display: flex;
    height: 100%;
    color: #f9bc00;
    fill: #f9bc00
}

.star {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.plagiarismchecker_typedrop {
    top: 35px !important
}

.cursor-pointer {
    cursor: pointer
}

.rephrased_content {
    background-color: var(--rephrased-text-background) !important
}

.rephrased_content.a-active {
    background-color: #faecb2 !important
}

.infoPop .popover-body {
    padding: 0px !important;
}

.infoPop {
    border-radius: 20px;
}

.dark-mode .popover-arrow {
    background: var(--parapop-bg) !important;
}

.wordBanner {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
}