@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');



@font-face {
    font-family: 'Epines';
    src: url('../epines-3866314/Epines.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.modal-dialog.modal-sm {
    max-width: 470px !important;
}

:root {
    --phraserblue: #4D7AFF;
    --phrasertext: #373738;
}

body {
    font-family: 'Poppins', sans-serif;
    font-display: swap;
}

p {
    text-align: justify;
}

.best p {
    text-align: start;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    margin-bottom: 0;
    color: #373738;
}

a {
    text-decoration: none;
}

.btn,
.input,
.form-select,
textarea {
    box-shadow: unset !important;
    outline: 0 !important;
}

.pt-60{
    padding-top: 60px;
}

.pt-40{
    padding-top: 40px;
}

.pb-60{
    padding-bottom: 60px;
}

.pb-30{
    padding-bottom: 30px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.add-text-area {
    display: flex;
}

.add-text-area label,
#output_text_div label {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #CECECE;
    font-weight: 400;
    font-size: 12px;
}

#output_text_div>mark>span,
#output_text_div>span {
    position: relative !important;
    font-weight: bold;
    color: #0d6efd;
    cursor: pointer;
}

#output_text_div>mark>span.wrapped {
    color: rgb(33 37 41);
    font-weight: normal;
}

#output_text_div b {
    color: #117c28;
    cursor: pointer;
    font-weight: bold;
}

.pt-17 {
    padding-top: 17px !important;
}

.section-hd {
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 40px;
    text-align: center;
}

.navbar {
    background-color: #edf2ff;
}

.navbar .nav-link:hover {
    color: var(--phraserblue) !important;
}

.sub-hd {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.Rephraser-word {
    color: var(--phraserblue) !important;
}

.navbar .phraser-btn {
    padding: 6px 18px !important;
}

.phraser-btn {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 18px !important;
}

.blog-hd {
    font-size: 17px;
    font-weight: 600;
    color: var(--phrasertext);
}


/* adds */

.hero-banner-ad {
    width: 728px;
    height: 90px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
}

.first-ad {
    width: 970px !important;
    height: 66px !important;
}


/*
new design styles
 */

.rounded_8 {
    border-radius: 8px;
}

.rounded-10 {
    border-radius: 10px;
}

.bg_fade_blue {
    background-color: #F6F9FF;
}

.donate-now {
    list-style-type: none;
    margin-bottom: 0;
}

.donate-now li {
    position: relative;
    /* cursor: pointer; */
}

.donate-now label {
    padding: 5px 26px;
    cursor: pointer;
    z-index: 90;
    border-radius: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.donate-now label:hover {
    background: #DDD;
}

.donate-now input[type="radio"]:checked+label,
.Checked+label {
    background: #4D7AFF;
    color: #fff;
}

.donate-now input[type="radio"]:checked+.gopremium::before {
    filter: brightness(0) invert(1);
}






.gopremium_feature:hover .Buy_Premium {
    display: block !important;
}

@media screen and (max-width: 767px){
    .gopremium_feature:hover .Buy_Premium{
        display: none !important;
    }
}

.gopremium {
    color: #9F9F9F;
}

.gopremium::before {
    content: url("/assets/imgs/icons/premiumblue.svg");
    position: absolute;
    left: 7px;
    bottom: 5px;
}


.gopremium_two {
    color: #9F9F9F;
}

.gopremium_two::before {
    content: url("/assets/imgs/icons/old-premiumblue.svg");
    position: absolute;
    left: 5px;
    bottom: 3px;
}

.Buy_Premium {
    position: absolute;
    background: rgb(254 208 52);
    border-radius: 12px;
    z-index: 999;
    width: 208px;
    top: 0px;
    display: none;
    top: 32px;
    right: 0%;
    transform: translate(-3%, 6px);
}

.Buy_Premium p {
    font-size: 12px;
    font-weight: 700;
    color: rgb(55 55 56);
    margin-top: 10px;
}

.prem_parent {
    background-color: rgb(255 220 105);
    padding-top: 10px;
}

.fad_top {
    border-radius: 12px 12px 0px 0px;
    padding: 8px;
}

.pr-btn {
    position: relative;
    overflow: hidden;
}

.premium-btn::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 2s ease-in-out infinite;
}

@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.feature_bar {
    background-image: url("/assets/imgs/featurebg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F8F0CF;
}


/* end new design styles */


/* section1 textarea */

.enter-text {
    background-color: #fff;
    position: relative;
    border-radius: 8px;
}

.enter-text .my-select {
    width: 133px;
    height: 100%;
    border: 1px solid #373738 !important;
    background-color: #fff !important;
    padding: 2px 6px !important;
}

.upload-sources label {
    cursor: pointer;
    font-weight: 500;
}

.input-text {
    border: unset;
    width: 100% !important;
    min-height: 280px;
    font-weight: 300;
    font-size: 15px;
    position: relative;
    max-height: 284px;
    overflow-y: auto;
    border-radius: 8px;
    line-height: 23px;
    /* z-index: 20; */
}

.input-text-one {
    border: unset;
    width: 100% !important;
    /* min-height: 285px; */
    font-weight: 300;
    font-size: 16px;
    position: relative;
    max-height: 284px;
    overflow-y: auto;
    border-radius: 8px;
    line-height: 23px;
    padding-bottom: 70px !important;
    /* z-index: 20; */
}


.dContent ul {
    padding-left: 0;
    list-style: none;
}


/* .input-text-orignaltext {
    height: 470px !important;
} */

.counter-section span {
    font-weight: 600;
}

.rewrite {
    font-size: 26px;
    font-weight: 600;
}

.copy {
    border: 1px solid #393939;
    font-size: 14px;
    font-weight: 500;
}

.copy:hover {
    border: 1px solid #373738;
}


/* .text-output {
    margin-bottom: 16px;
    margin-top: 0px;
} */

.phraser-animation {
    /* padding: 8px 10px !important; */
    transition: all 0.2s ease-out;
    box-shadow: 0px 0px 10px #00000029 !important;
}

.phraser-animation:hover {
    transform: scale(1.1);
}

.my-drop {
    width: 114px;
    height: 39px;
    border: 1px solid #373738 !important;
    background-color: #fff;
    border-radius: 4px;
}

.mydrop-items {
    box-shadow: 0px 0px 8px #0000001D;
}

.mydrop-items li a {
    cursor: pointer;
}

.add-text {
    background-image: url("/assets/imgs/heroBg.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.ad {
    width: 300px;
    height: 250px;
    border: 1px solid #E3E3E3;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.ad-head {
    width: 970px;
    height: 90px;
    border: 1px solid #E3E3E3;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paraphrase-btn {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
    font-size: 21px;
    font-weight: 500;
    /* margin-top: 12px; */
    /* margin-bottom: 40px; */
    padding: 8px 30px;
}

.active-setp {
    background-color: var(--phraserblue);
    transform: scale(1.1);
}

.active-setp h3,
.active-setp p {
    color: #fff;
}

button:disabled,
.dsblOnAction:disabled {
    pointer-events: auto !important;
    opacity: .65 !important;
    cursor: not-allowed !important;
}

.counter-section span,
.counter-section p {
    font-weight: 600;
}

.steps {
    border: 1px solid rgb(230 230 230);
    border-radius: 7px;
    padding: 20px;
    margin-bottom: 16px;
}

.active-setp {
    background-color: var(--phraserblue);
    transform: scale(1.1);
}

.homeSteps {
    border-radius: 7px;
    margin-bottom: 16px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.homeSteps:nth-last-child(1) {
    margin-bottom: 0px !important;
}

.homeSteps .text {
    margin-left: 58px;
}

.homeSteps::before {
    content: "";
    position: absolute;
    left: 65px;
    width: 3px;
    height: 77px;
    background: #4D7AFF 0% 0% no-repeat padding-box;
    border-radius: 2px;
}

.features-card {
    border: 1px solid #C3C0C0;
    padding: 20px;
    height: 100%;
    border-radius: 4px;
}

.features-card p {
    text-align: left;
}

.features-card:hover {
    border: 1px solid #373738;
}

.tools ul li {
    position: relative;
    margin-left: 30px;
    margin-bottom: 17px;
}

.tools ul li::before {
    content: url("/assets/imgs/icons/toolstick.svg");
    position: absolute;
    left: -30px;
}

.how-it-works {
    background-color: #F5F7FE;
    margin-top: 40px !important;
}

.blue-feature {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
    padding: 35px;
    border-radius: 8px;
    height: 100%;
    text-align: center;
}

.blue-feature p {
    color: #fff;
    font-size: 17px;
    text-align: center;
    word-break: break-word;
}

.blue-feature img {
    margin-bottom: 10px;
}


/* faqs section */


/* .accordion-button::after {
    background-image: url("../imgs/icons/plus.svg") !important;
} */

.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}

.accordion-button:focus {
    box-shadow: unset;
    outline: 0 !important;
    background-color: #fff !important;
}

.accordion-button {
    color: var(--phrasertext) !important;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.accordion-button::before {
    /* content: url("/assets/imgs/icons/accordioncriccle.svg"); */
    content: '';
    position: absolute;
    left: -21px;
    top: 13px;
}

.accordion-body {
    color: #373738 !important;
    font-size: 16px !important;
    border-top: 1px solid grey;
    padding: 25px 0px 25px 0px;
}

.accordion-button:not(.collapsed) {
    background-color: #fff !important;
    box-shadow: unset !important;
}


/* blogs */

.popular-blogs {
    box-shadow: 1px 1px 13px 1px #ccc;
}


/* .popular-blogs .blog-details p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} */

.blog-detail p {
    text-align: justify;
}

.blog-img {
    overflow: hidden;
    border-radius: 4px;
}

.blog-details {
    padding: 10px;
}

.read-more {
    font-size: 13px;
}

.blog-details h2 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 14px;
    margin-bottom: 14px;
    color: var(--phrasertext);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popular-blogs img {
    transition: all 0.5s ease;
}

.popular-blogs img:hover {
    transform: scale(1.2);
}

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

.mydrop-items {
    inset: 40px auto auto -45px;
}


/* contact us */

.my-form {
    background-color: #F5F5F5 !important;
    border-color: F5F5F5;
}

.contact-us label {
    font-size: 20px;
}


/* privacy and termc */

.content p {
    text-align: justify;
}


/* footer */

footer {
    background-image: url("/assets/imgs/footerbg.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

footer p {
    border-color: #FFFFFF;
}

footer a {
    color: #fff !important;
    line-height: 30px;
}

footer p {
    font-size: 14px;
}

.enter-text {
    position: relative;
}


/* .paste {
    top: 40%;
    position: absolute;
    z-index: 999;
    left: 41%;
    padding: 9px 20px;
} */

.paste p {
    color: #999999;
    font-weight: 500;
}

.textPasteBtn {
    /* border: 2px solid rgb(206 206 206 / 70%); */
    border-radius: 8px;
    padding: 10px;
}

.paste:hover {
    background-color: var(--phraserblue);
}

.paste:hover p {
    color: #fff;
}

.paste:hover path {
    fill: #fff;
}

.paste:hover #Rectangle_33 {
    fill: #fff;
}

footer .widge {
    background: #5683FB;
    border-radius: 12px;
    border: 1px gray;
    line-height: 12px;
    padding: 20px;
    width: 254px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

footer .widge .bg-background-rating {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.cokiesvalues {
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
}

footer h5 , footer .h5 {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 700;
}


/* media query */

.divider {
    position: relative;
}

.whtcnudo>ul {
    margin-top: 14px;
}

.font-11 {
    font-size: 11px;
}

.rounded-8 {
    border-radius: 8px;
}

.quick-links a {
    color: #373738;
    font-size: 12px;
}

.quick-links a:hover {
    color: #4D7AFF;
}

.green-btn-plan {
    background-color: #00B72A;
}

.Quaretly-plan-border {
    border: 1px solid #E8B228;
}

.Quaretly-plan-border:hover {
    background-color: #E8C22B1C;
}

.monthly-plan-btn {
    background-color: #4D7AFF;
}

.free-plan-btn {
    background-color: #a19c9c;
}

.yellow-plan {
    color: #E8B228;
}

.Quaretly-plan-btn {
    background-color: #EFB700;
}

.monthly-plan-border {
    border: 1px solid #4D7AFF;
}

.free-plan-border {
    border: 1px solid #cccccc;
}

.monthly-plan-border:hover {
    background-color: #4D7AFF12;
}

.free-plan-border:hover {
    background-color: #cccccc77;
}

.font-12 {
    font-size: 12px;
}

.get-now {
    color: #fff !important;
    font-size: 14px;
    padding: 6px 22px !important;
    font-weight: 500;
    border-radius: 4px;
    width: 115px;
}

.semi-bold-12-green {
    font-weight: 600 !important;
    font-size: 12px;
    color: #1FCC47;
}


/* up button css */

.toast-success {
    background: rgb(77 211 149 / 39%);
    border: 2px solid rgb(25 135 84) !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.toast-error {
    background: rgb(243 15 37 / 39%) !important;
    border: 2px solid rgb(220 53 69) !important;
}

.placeHolderText p:nth-child(1),
#output_text_div p:nth-child(1),
#article_output p:nth-child(1) {
    font-size: 24px;
    color: #CECECE;
    font-weight: 500;
    text-align: center;
}

.placeHolderText p,
#output_text_div p,
#article_output p {
    font-size: 14px;
    color: rgb(183 178 178);
    /* color: rgb(206 206 206); */
    font-weight: 600;
    text-align: center;
    margin-top: 4px;
}

#toastMsg {
    font-size: 16px;
}

#myBtn {
    background-image: url("/assets/imgs/icons/uparrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    display: none;
    position: fixed;
    bottom: 160px;
    right: 30px;
    z-index: 9999;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: var(--phraserblue);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    border: 1 px solid #fff;
    box-shadow: 0px 0px 10px #fff;
}

.langs {
    box-shadow: 0px 0px 40px #9B6A6A34;
    border: 0;
}

.langs-drop .dropdown-menu {
    min-width: 12rem !important;
}

.langs li img {
    width: 25px;
    height: 17px;
    margin-right: 10px;
}

.langs li {
    cursor: pointer;
    padding: 5px 10px;
    font-size: 15px;
}

.langbutton {
    border-radius: 4px;
    border-color: #393939 !important;
    padding: 5px 10px;
}

.mydrop-items {
    border: 1px solid #C3C0C0;
    border: 0;
}

.my-modal-body {
    position: relative;
}

.primary-text-600 {
    color: var(--phraserblue);
    font-weight: 600;
}

.text-24 {
    font-size: 24px !important;
}

.modal-title {
    color: var(--phrasertext);
    font-weight: 500;
    font-size: 16px;
}

.share-popup-btn {
    position: absolute;
    background-color: var(--phraserblue);
    color: #ffff !important;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
}

.my-modal-body input {
    border: 1px solid #707070;
    border-radius: 5px;
}

.Separation {
    position: relative;
}

.or {
    position: absolute;
    top: -11px;
    left: 40%;
    background: #fff;
    padding: 0px 36px;
}

.langs {
    inset: -4px auto auto -18px !important;
    padding: 5px 4px;
}

.drophover:hover {
    background-color: rgb(233, 236, 239) !important;
}

.error {
    border: 1px solid #C3C0C0;
    border-radius: 4px;
    padding: 7px 17px;
}

.error .error-counter {
    font-size: 17px;
    background-color: #FF4B4B;
    color: #373738;
    border-radius: 50%;
    padding: 5px;
    height: 25px;
    width: 25px;
}

.download-page-adds {
    border: 1px solid #E3E3E3;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 446px;
    width: 172px;
}

.download-header-add {
    border: 1px solid #E3E3E3;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 728px
}

.btnemail {
    position: absolute;
    background-color: var(--phraserblue);
    color: #ffff !important;
    top: 0;
    right: 12%;
    bottom: 0;
    padding: 10px 20px;
}

.download-or {
    position: absolute;
    top: -11px;
    left: 37%;
    background: #fff;
    padding: 0px 36px;
}

.words-valid {
    background-color: #F7F7F7;
    padding: 3px 10px !important;
    border-radius: 5px;
}

.words-valid p {
    padding: 0px !important;
    margin: 0px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}


/* .price-cards li::before {
    content: url("../imgs/pricingtick.svg");
    position: absolute;
    left: -26px;
} */

.buy-btn {
    background-color: #23B023;
}

.pricing-plan {
    margin-top: 30px;
}

.best-value {
    background-color: var(--phraserblue);
    position: absolute;
    top: 30px;
    right: -46px;
    padding: 3px 49px;
    transform: rotate(45deg);
}

.best-value span {
    color: #fff;
}

.auto-check {
    font-size: 18px;
    font-weight: 600;
}

.add-code {
    background-color: #E9E9E9 !important;
    border-radius: 31px;
    padding: 13px 20px;
    font-weight: bold;
}

.code-input {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    box-shadow: unset !important;
}

.date {
    margin-top: 15px;
    margin-bottom: 17px;
}

.date .Expiration {
    color: #373738;
    font-size: 18px;
    font-weight: 600;
}

.date .dates {
    font-size: 16px;
    font-weight: 500;
}

.total {
    font-size: 24px;
    font-weight: 600;
}

.total-price {
    color: #23B023;
    font-weight: 600;
    font-size: 24px;
}

.annual {
    margin-top: 15px;
    margin-bottom: 26px;
}

.form-control:focus {
    box-shadow: unset !important;
}

.pay .form-control,
.form-select,
.bank-cards {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF;
}

.bank-cards {
    width: 100%;
    text-align: center;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.pay-bill {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.pay-bill {
    border: unset;
}

.my-field {
    margin-bottom: 20px;
    font-weight: bold;
}

.pay .form-select,
label {
    font-size: 16px;
    color: #373738;
    font-weight: 500;
    margin-bottom: 10px;
}

.pay-form {
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
}

.login-to {
    border: 1px solid var(--phraserblue);
    background-color: #EFEFEF;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 11px 28px;
    width: 100%;
}

.or-login {
    position: absolute;
    top: 35px;
    left: 40%;
    background: #fff;
    padding: 0px 36px;
}

.login-form {
    background-color: #EFEFEF !important;
    border-radius: 6px;
    border: 1px solid #EFEFEF;
}


/* tabs */

.phraser-tabs {
    box-shadow: rgb(204 204 204) 0px 0px 0px 1px;
    padding: 4px 4px;
    margin-bottom: 25px;
    background-color: #F3F3F3;
    border-radius: 4px;
}

.phraser-tabs .nav-link {
    color: #373738;
    font-size: 16px;
    font-weight: 600;
}

.nav-tabs .nav-link {
    padding: 11px 15px;
    border-radius: 2px;
}

.phraser-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: var(--phraserblue);
    color: #fff;
}

.my-tabs {
    width: 364px;
}


/* premium modal */

.go-premium-btn {
    background-color: #23B023 !important;
}

.dropdown-toggle::after {
    border: 0 !important;
    vertical-align: 0;
}

.upload-sources label {
    /* border: 1px solid #393939; */
    /* border-radius: 4px;
    padding: 5px;
    font-weight: 600; */
}

.navbar .dropdown-toggle::after {
    content: url("/assets/imgs/parrow.svg");
    border: 0 !important;
    vertical-align: 0;
    right: -32px;
    top: 5px;
}

textarea {
    resize: none;
}

.dlt-btn,
.copyOutput {
    border: 1px solid #C3C0C0;
    border-radius: 4px;
    padding: 5px;
}

/* .dlt-btn:hover,
.copyOutput:hover {
    color: var(--phraserblue);
} */
/*
.dlt-btn:hover span,
.copyOutput:hover span {
    color: var(--phraserblue);
} */

.clear-text-btn:hover {
    color: #ff0000 !important;
}

.clear-text-btn:hover span {
    color: #ff0000 !important;
}

.clear-text-btn,
.clear-text-btn span {
    color: #ff0000 !important;
}

.clear-text-btn:hover img,
.clear-text-btn img {
    filter: invert(14%) sepia(96%) saturate(7459%) hue-rotate(359deg) brightness(109%) contrast(112%) !important;
}

/* .dlt-btn:hover,
.copyOutput:hover {
    color: var(--phraserblue);
} */

/* .dlt-btn:hover img,
.copyOutput:hover img {
    filter: invert(45%) sepia(93%) saturate(2853%) hue-rotate(210deg) brightness(100%) contrast(104%);
} */

/* .copyOutput:hover .copyOutput img {
    filter: invert(45%) sepia(93%) saturate(2853%) hue-rotate(210deg) brightness(100%) contrast(104%);
} */

.features ul li {
    position: relative;
    margin-bottom: 19px;
    margin-left: 35px;
}

.features ul li::before {
    content: url("/assets/imgs/tickFeatures.svg");
    position: absolute;
    left: -32px;
    background-color: #4D7AFF;
    padding: 0px 7px;
    border-radius: 4px;
}

.howto-use {
    background-image: url('/assets/imgs/footerbg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#whocanuse ul {
    list-style: none;
}

.howto-use ul li {
    color: #FFFFFF !important;
    font-size: 16px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 17px;
}

.howto-use ul li a {
    color: #FFFFFF !important;
}

.howto-use ul li::before {
    content: url("/assets/imgs/whitebullet.svg");
    position: absolute;
    margin-right: 10px;
    left: -25px;
}


/* header footer */

.sticky {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
}

.navbar .dropdown-item:hover {
    background-color: var(--phraserblue);
    color: #fff;
    border-radius: 4px;
}

/* .navbar .dropdown-item:hover img {
    filter: brightness(0) invert(1);
} */

.navbar-light .navbar-toggler {
    box-shadow: unset !important;
    outline: 0 !important;
}

.navbar .nav-link {
    font-weight: 16px !important;
    color: #2D2D2D;
    font-weight: 600;
    padding: 0px !important;
}

.logout {
    margin-left: 0px !important;
}

.navbar ul li {
    position: relative;
}

.page-active {
    color: #4D7AFF !important;
}

.upload-sources label {
    margin-bottom: 0 !important;
}

.article {
    border: 1px solid #C3C0C0 !important;
    border-radius: 4px;
    min-height: 385px;
    padding: 10px;
}

.input-article {
    border: none !important;
}


/* percentage loader */

.circlePercent {
    position: absolute;
    background: #fff;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 999;
}

.per-loader p {
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%, 220%);
    font-size: 18px;
}

.progress {
    border: 6px;
}

.circlePercent:before,
.circlePercent>.progressEnd {
    /* position: absolute; */
    z-index: 3;
    top: 2px;
    left: 45px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    /* background: var(--phraserblue); */
    -ms-transform-origin: 3px 46px;
    transform-origin: 3px 46px;
    content: "";
}

.circlePercent:after,
.circlePercent>.progress {
    position: absolute;
    -ms-transform-origin: 48px 48px;
    transform-origin: 48px 48px;
    z-index: 0;
    top: 0;
    left: 0;
    width: 48px;
    height: 96px;
    border-radius: 48px 0 0 48px;
    background: #fff;
    content: "";
}

.circlePercent.fiftyPlus:after {
    background: var(--phraserblue);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.circlePercent>.progress.progress {
    background: var(--phraserblue);
}

.circlePercent>.counter {
    position: absolute;
    box-sizing: border-box;
    z-index: 2;
    width: 100px;
    height: 100px;
    margin-top: -2px;
    margin-left: -2px;
    border-radius: 50%;
    border: 4px dotted var(--phraserblue);
}

.circlePercent>.counter:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -13px;
    width: 100%;
    height: 26px;
    font-size: 26px;
    line-height: 26px;
    font-family: sans-serif;
    text-align: center;
    color: #000;
    content: attr(data-percent) "%";
}

.circlePercent>.counter:after {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    content: "";
    background: #ffffff;
}

.circlePercent>.counter[data-percent="100"] {
    background: var(--phraserblue)
}

.user-profile {
    height: 55px;
    width: 55px;
    border-radius: 50%;
}


/*
.user-profile-dropdown:hover .dropdown-menu {
    display: block;
    left: -100px;
} */

.profile-menu .dropdown-item {
    font-weight: 500;
}

.profile-menu img {
    margin-right: 10px;
}

.profile-menu {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(226, 226, 226);
    border-radius: 16px;
}

.edit-prifle p {
    font-size: 22px;
    font-weight: 500;
}

.edit-prifle span {
    font-size: 16px;
    font-weight: 500;
}


/* .profile-hd {
    font-size: 30px;
    font-weight: 600;
} */

.dashboardprofile-form label {
    font-size: 16px;
    font-weight: 500;
}

.dashboardprofile-form .profile-form {
    border: 0.5px solid #D0D0D0;
}

.save-btn {
    border: 0.5px solid #D0D0D0;
    font-size: 18px;
    font-weight: 500;
    background-color: #F5F7FE;
    border-radius: 6px;
    padding: 7px 42px;
}

.save-btn:hover {
    background-color: #4D7AFF;
    color: #ffff;
}

.save-btn:hover img {
    filter: brightness(0) invert(1);
}

.sidebar .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #0d6efd !important;
    background-color: inherit;
}

.sidebar .nav-link {
    color: #959596;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
}

.side-pills li img {
    margin-right: 8px;
}

.sidebar .nav-pills .activepage img {
    filter: invert(40%) sepia(68%) saturate(2356%) hue-rotate(212deg) brightness(102%) contrast(102%);
}

.sidebar .nav-pills .active li::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #0d6efd;
    position: absolute;
}

.annual-plan-btn {
    background-color: var(--phraserblue) !important;
}

.font-28-green {
    font-size: 28px;
    color: #00A226;
}

.pay-btn {
    color: #fff !important;
    border-radius: 8px;
    background-color: #E5E5E5;
    padding: 10px 0px;
}

.discount-dark-label {
    background: #393939 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000007;
    border: 1px solid #4D7AFF4E;
    border-radius: 4px;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    margin-left: 10px;
}

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

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

.mt-97 {
    margin-top: 97px;
}

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

.Subscriptions span {
    color: #636363;
    font-size: 16px
}

.plans {
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    margin-bottom: 15px;
}

.Subscriptions .date {
    font-size: 12px;
    color: #6C6C6C;
    margin: 0;
}

.dashboard-area {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.conversion-action-btn {
    border: 1px solid #D3D1D1;
    background-color: #F5F7FE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conversion-pills li .nav-link {
    color: #959596;
    font-size: 14px;
    font-weight: 600;
    background-color: #F5F7FE;
    border: 1px solid #D3D3D3;
}

.conversion-pills .active {
    background-color: #E3E9FF !important;
    color: #373738 !important;
    border-color: var(--phraserblue) !important;
}

.search-history {
    background-color: #F5F7FE !important;
    border-color: #D6D6D6 !important;
    padding: 9px 10px;
}

.user-profile {
    position: relative;
}

.premuium-crown {
    position: absolute;
    top: -1px;
    left: -5px;
}

.sidebar {
    transition: all 0.2s ease-out;
    position: relative;
    background-color: #F5F7FE;
    height: 100%;
    z-index: 999;
}

.toggle-sidebar {
    position: absolute;
    top: 74px;
    right: -69px;
    background-color: #0d6efd;
    color: #fff !important;
    z-index: 9999;
}

.toggle-btn {
    right: -244px;
}


/* dashboard new design */


/* sidebar active div  */

.side-pills .activepage {
    color: #4D7AFF !important;
}

.side-pills .activepage::before {
    content: "";
    height: 50px;
    width: 7px;
    background-color: #4D7AFF;
    position: absolute;
    border-radius: 0px 13px 13px 0px;
    left: 0;
    margin-top: -8px;
}

.dashboard-inner-pills .nav-item.show .nav-link,
.nav-tabs .nav-link {
    color: #373738;
    font-weight: 600;
}

.dashboard-inner-pills .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff !important;
    color: var(--phraserblue);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid var(--phraserblue);
}


/* .Billing .dashboard-table thead {
    background-color: #F5F7FE;
    border-top: 1px solid #F5F7FE !important;
    border-left: 1px solid #F5F7FE !important;
    border-right: 1px solid #F5F7FE !important;
} */

.history-footer {
    background-color: #F5F7FE;
    padding: 10px 21px;
}

.history-footer .btn {
    background-color: #fff;
    border: 1px solid #C3C0C0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

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

.availcredit-card>div p {
    font-weight: 600;
}

.availcredit-card {
    background-color: var(--phraserblue);
    padding: 23px 48px;
    border: 1px solid #DBDBDB;
    margin-top: 21px;
    border-radius: 4px;
}


/* .availcredit-card:hover {
    background-color: #4D7AFF;
}

.availcredit-card:hover p {
    color: #fff !important;
} */

.availcredit-card .avail-sums {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}

.credit-hd {
    font-size: 24px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 20px;
}


/* .dashboard-table thead {
    background-color: #F5F7FE;
} */

.dashboard-table tr,
td,
th {
    border: unset;
}

.credit-btn {
    background-color: #FFD034;
    color: #373738;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.credit-btn:hover {
    background-color: #FFDC65;
}

.cancel-btn {
    background-color: #FF4A4A;
    color: #fff;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.cancel-btn:hover {
    background-color: #FF4A4A;
}

.p-x8-y10 {
    padding: 10px 8px;
}

.p-x40-y20 {
    padding: 10px 40px;
}

.p-x55-y20 {
    padding: 10px 55px;
}

.p-x63-y20 {
    padding: 10px 63px;
}

.font-16-bold {
    font-size: 16px;
}

.font-22-bold {
    font-size: 22px;
}

@media screen and (max-width: 421px) {
    .p-x40-y20 {
        padding: 10px 24px;
    }

    .p-x63-y20 {
        padding: 10px 47px;
    }

        .font-22-bold {
            font-size: 16px;
        }
}

.login-btn:hover img {
    transform: translate(8px, 0px) !important;
    transition: .2s ease-in-out;
}

.plan .sub-hd {
    font-size: 27px;
}

#output_text_div {
    white-space: pre-line;
}

li.toUse,
li.NF {
    padding: 4px 10px;
    border-bottom: 1px solid rgb(204 204 204);
    transition: 0.5s all;
}

li.toUse:hover,
li.NF:hover {
    background-color: var(--phraserblue);
    color: #ffffff;
}

li.toUse:last-child {
    border-bottom: none !important;
}

#output_text_div>mark>span>span.synonymsDD {
    position: absolute !important;
    max-width: 200px;
    width: 170px;
    max-height: 250px;
    height: auto;
    overflow-y: auto;
    background: rgb(250 250 250);
    border-radius: 6px;
    top: 22px;
    left: -10px;
    z-index: 9999;
    border: 1px solid;
}

#output_text_div>mark.LR {
    position: relative !important;
    background-color: transparent !important;
}

.LPBtn {
    position: absolute;
    left: 0;
    top: -20px;
    border-radius: 100px;
    padding: 2px 8px;
    font-size: 12px;
    z-index: 99;
}

#output_text_div>mark.LR:hover {
    background-color: rgb(13 110 253 / 15%) !important;
    cursor: pointer;
}

.LPSugstions {
    position: absolute !important;
    max-width: 590px;
    min-width: 400px;
    width: 590px;
    max-height: 250px;
    height: auto;
    overflow-y: auto;
    background: rgb(250 250 250);
    border-radius: 6px;
    top: 100%;
    z-index: 9999;
    border: 1px solid;
}

#output_text_div label {
    position: absolute;
    z-index: 999;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(206 206 206);
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    white-space: normal;
}

#inputtextarea::-webkit-scrollbar,
#output_text_div::-webkit-scrollbar {
    cursor: pointer;
    width: 8px;
    height: 8px;
}


/* Track */

#inputtextarea::-webkit-scrollbar-track,
#output_text_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}


/* Handle */

#inputtextarea::-webkit-scrollbar-thumb,
#output_text_div::-webkit-scrollbar-thumb {
    background: #4d7aff;
}


/* blog page */

.dark-banner {
    background: url("/assets/imgs/footerbg.webp");
}

.Standard {
    box-shadow: 0px 0px 10px #00000073;
    border: 1px solid #000000;
}

.traits-list {
    margin-top: 20px;
}

.traits-list li::before {
    content: url("/assets/imgs/pricingtick.svg");
    margin-top: 10px;
    position: absolute;
    top: -10px;
    left: -27px;
}

.stander-label {
    background-color: var(--phraserblue);
    text-align: center;
    position: absolute;
    width: 163px;
    height: 24px;
    top: 31px;
    right: -46px;
    transform: matrix(0.63, 0.78, -0.78, 0.63, 0, 0);
}

.stander-label span {
    font-size: 12px;
}

.more-credits-btn {
    background-color: #45AE26;
}

.avail-credit {
    color: #45AE26;
}

.minus-credit {
    color: #FF4B4B;
}


/* .credithistory-table td {
    width: 20%;
} */


/*
#nav-Credits .table td {
    width: 13%;
} */

.Profile-hd {
    font-size: 25px !important;
    font-weight: 600;
}


/* .dashboard-table {
    border: 1px solid #D2D2D2;
    border-radius: 8px;
} */


/* .dashboard-table tr {
    border: 1px solid #D2D2D2;
} */


/* .dashboard-table th {
    font-weight: 600;
    color: #373738;
} */


/* dashbpard btn */

.popuup-btn {
    padding: 10px 57px;
    background-color: #23B023;
    color: #fff !important;
}

.out-credits-modal {
    border-radius: 8px;
    z-index: 1111199999 !important;
    border-color: #fff;
}

.out-credits-modal h5 {
    font-size: 20px;
    font-weight: 700;
}

.out-credits-modal p {
    margin-top: 5px;
    margin-bottom: 17px;
}

.bg-popup-blue {
    background-color: #4D7AFF;
}

.table-base-color {
    background-color: #F5F7FE;
}

.dashboard-table tr {
    border-bottom: 1px solid #F5F7FE;
    border-right: 1px solid #F5F7FE;
    border-left: 1px solid #F5F7FE;
}

.dashboard-table td {
    white-space: nowrap;
    vertical-align: middle !important;
}

.credit-green {
    color: #45AE26;
}

.credit-red {
    color: #FF4B4B;
}

.sidebar {
    height: unset !important;
}

.text-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 771px;
}

.subs-modal-header {
    background-color: var(--phraserblue) !important;
    border-radius: 6px;
}

.signup-btn {
    background-color: var(--phraserblue);
}

.subs-modal .btn-close {
    border-radius: 50%;
    opacity: 1;
    font-size: 10px;
    padding: 6px;
}

.subs-modal h4 {
    font-size: 20px;
    font-weight: 600;
}


/* new update css for text area */

.upload-sources {
    font-weight: 600;
}

.action-btns-area {
    border-bottom: 1px solid #F0F0F0;
    padding: 10px;
}

.textarea-padding {
    padding: 8px 10px !important;
}

.counter-section {
    padding: 8px 10px;
    position: relative;
}

.counter-footer {
    padding: 7px 10px !important;
}

#card-element {
    border: 1px solid rgb(180 199 255);
    padding: 10px;
    border-radius: 8px;
}

.textarea-main {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #0000001C;
    border: 1px solid #DBDBDB;
    background-color: #fff;
}

.counter-section {
    border-top: 1px solid #F0F0F0;
}

.counter-section .go-pro-lable {
    background: #EDF2FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 7px;
}

.counter-section p {
    text-align: start;
}

.counter-section .btn {
    /* background: #FFD034 0% 0% no-repeat padding-box; */
    border-radius: 4px;
    font-size: 14px;
    margin-left: 4px;
    font-weight: 600;
}

.dlt-btn-div {
    /* background-color: #fff !important; */
    border: unset;
}

.dlt-btn-div .btn {
    /* background-color: #fff !important; */
    border: unset;
    font-size: 14px;
    font-weight: 600;
}

.phraser-hover {
    font-size: 14px;
    font-weight: 600;
}

.phraser-hover:hover span {
    color: #fff !important;
}

.phraser-hover:hover {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
    border-color: var(--phraserblue) !important;
}

.hoverable:hover img {
    filter: brightness(0) invert(1);
}

.drop-rotation {
    transform: rotate(180deg);
    transition: 0.1s ease-in-out;
}


/* testimonials */

.Testimonials-section {
    background-color: #F9F9F9;
    border-radius: 8px;
}

.Testimonials .nav-tabs {
    background-color: #E2E2E2;
    border-radius: 4px;
    height: 42px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.Testimonials .nav-tabs .nav-link {
    padding: 0px 14px;
    font-weight: 500;
    border: unset !important;
}

.Testimonials .nav-tabs .active {
    background-color: var(--phraserblue) !important;
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
    margin-top: -7px;
    height: 54px !important;
}

.Testimonials-section .tab-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.Testimonials-section .tab-content {
    margin-top: 37px;
}


/* review slider */

.review-slider {
    border-radius: 8px;
    padding: 30px !important;
}

.slider-item .slider-item {
    box-shadow: 0px 0px 6px 0px #ccc;
    padding: 20px;
    border-radius: 12px;
}

.review-slider .slider-item {
    background-color: #EDF2FF;
    padding: 20px;
    border-radius: 23px;
}

.review-slider p {
    text-align: start;
}

.review-item .name {
    font-size: 18px;
    font-weight: 600;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    display: block;
}
.review-item .starts {
    margin-top: 15px;
    margin-bottom: 23px;
    display: flex;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.review-item .starts span {
    font-size: 18px;
    font-weight: 600;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots button.owl-dot {
    background-color: #D8E2FF !important;
}

.owl-dots button.owl-dot.active {
    background-color: var(--phraserblue) !important;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}


/* owl nex pre btn */

.owl-nav {
    text-align: right;
    margin-top: 20px;
    color: #fff !important;
    position: absolute;
    right: 0;
}

.owl-nav .owl-prev {
    margin-right: 15px;
}


/* google play */

.googleplay {
    position: relative;
}

.googleplay:hover .googleplayicon {
    transform: scale(1.2);
    transition: all .2s ease;
}

.googleplayicon {
    position: absolute;
    z-index: 999;
    left: 11px;
    top: 10px;
}


/* artcile generator */

.ArticleGenerator-input {
    background: #F0F0F0 !important;
    border: 0.5px solid #D1D1D1 !important;
    border-radius: 4px;
    opacity: 1;
}

.articlegen-footer .copytext,
.articlegen-footer .copyOutput {
    margin-right: 40px;
}

/* .dlt-btn img,
.copyOutput img {
    height: 18px;
    width: 18px;
} */

.search {
    position: relative;
    width: 80%;
}

.search .btn {
    position: absolute;
    right: -6px;
    font-weight: 700;
    font-size: 20px;
    top: -5px;
}

.search .btn img {
    width: 16px;
    height: 16px;
}

.counter-footer-sum {
    padding: 12px 10px !important;
}


/* captcha Modal */

.captchaModal .modal-title {
    font-weight: 600 !important;
    font-size: 18px !important;
}

.modal-footer .goback {
    background-color: #EAEAEA !important;
    font-weight: 600;
}

.captchaModal .modal-content {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}


/* Email verify Page */

.verify-hd {
    font-weight: 700;
    font-size: 34px;
    color: var(--phraserblue);
    margin-top: 20px;
    margin-bottom: 20px;
}

.verification-btn {
    background-color: #edf2ff;
    font-weight: 600;
}

.verification-btn:hover {
    background-color: var(--phraserblue);
    color: #fff;
}

.logoTxt {
    color: #4d7aff;
    font-size: 22px;
    font-weight: 600;
    margin-left: 10px;
    font-family: 'Poppins', sans-serif
}

.actionLoader {
    background: rgb(255 255 255 / 70%);
    background-size: 14%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.counterBox {
    min-width: 150px;
    padding: 5px 0;
    font-size: 17px;
    font-weight: 600;
}


/* ==============================
BIlling Page Style Start
================================ */

.px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.imgPos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.left {
    left: 20px;
}

.right {
    right: 20px;
}

.myLabel {
    color: var(--phrasertext);
    font-size: 18px;
    font-weight: 600;
}

.cardText {
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 500;
}

.myInputs {
    background-color: #FCFCFC;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    padding: 10px;
    padding: 12px;
    font-size: 16px;
}

.myInputs:focus {
    background-color: #FCFCFC;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
}

.myInputs::placeholder {
    color: #B4B4B4;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.nameInputs::placeholder {
    text-align: left;
}

.form-switch .form-check-input {
    /* width: 43px;
    height: 22px; */
    background-color: #B4B4B4;
    box-shadow: unset;
    border: 2px solid #B4B4B4;
    background-image: url(../imgs/billing/swichtchecked.svg);
}

.form-switch .form-check-input:focus {
    background-image: url(../imgs/billing/swichtunchecked.svg);
}

.form-switch .form-check-input:checked {
    background-color: var(--phraserblue);
    border: 2px solid var(--phraserblue);
    background-image: url(../imgs/billing/swichtchecked.svg);
}

.detailBox {
    background-color: rgba(237, 242, 255, .6);
    border: 1px solid #B4C7FF;
    border-radius: 22px;
}

.detailHd {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--phrasertext);
    border-bottom: 1px dashed #4D7AFF;
}

.leftText {
    color: var(--phrasertext);
    font-size: 16px;
    font-weight: 500;
}

.rightText {
    color: var(--phrasertext);
    font-size: 14px;
    font-weight: 500;
}

.discountText {
    color: #FF4545;
}

.borderBot {
    border-bottom: 1px dashed #4D7AFF;
}

.total {
    color: var(--phrasertext);
    font-size: 18px;
    font-weight: 600;
}

.totalAmount {
    color: #25A000;
    font-size: 20px;
    font-weight: 600;
}

.subscribeBtn {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--phraserblue);
    border: 3px solid transparent;
    border-radius: 8px;
}

.subscribeBtn:hover {
    color: #FFFFFF;
    border: 3px solid rgba(237, 242, 255, .6);
}

.subscribeText {
    color: var(--phrasertext);
    font-size: 12px;
}


/* ==============================
BIlling Page Style End
================================ */


/* ==============================
419 Page Style Start
================================ */

.sorryText {
    font-size: 18px;
    font-weight: 500;
    color: var(--phrasertext);
}

.goHome {
    background-color: var(--phraserblue);
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    border-radius: 4px;
    padding: 10px 40px;
}

.goHome:hover {
    color: #FFFFFF;
}

.logoIcon {
    width: 41px;
    height: 48px;
}

/* price card updated design */

.pricing-card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000007;
    border: 1px solid #4D7AFF4E;
    background-color: #fff;
    border-radius: 16px;
    position: relative;
    padding: 22px;
    overflow-x: hidden;
}

.pricing-card p {
    font-weight: 500;
    text-align: unset;
}

.features-of-plan li {
    padding: 10px;
    margin-bottom: 12px;
    font-weight: 700;
}

.features-of-plan {
    list-style-image: url("../imgs/icons/tickfeatures.svg");
    margin-left: 30px;
}

.features-of-plan .not-include {
    list-style-image: url("../imgs/icons/crossCross.svg") !important;
}

.features-of-plan li {
    border-bottom: 1px solid #EFEFEF;
}

.features-of-plan {
    margin-top: 27px;
}

.avtive-plan {
    background-color: var(--phraserblue);
    color: #fff !important;
    background-image: url('../imgs/activepriceplan.png');
    background-size: cover;
}

.ribben {
    position: absolute;
    right: -72px;
    top: 14px;
    background: #4D7AFF;
    color: #fff;
    text-transform: capitalize;
    padding: 5px 10px;
    transform: rotate(45deg);
    width: 200px;
    height: 30px;
    text-align: center !important;
    line-height: 21px;
}
.badge-animated {
    background: linear-gradient(90deg, #007bff, #004a99, #1a88ff);
    background-size: 300% 300%;
    animation: badge-bg-animation 1s ease infinite;
    color: #fff;
}

@keyframes badge-bg-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.avtive-plan .paraphrase-btn {
    background-color: #fff !important;
    color: var(--phraserblue) !important;
    font-size: 18px;
    font-weight: 600;
}

.pricing-card .paraphrase-btn {
    background-color: #00C143 !important;
    font-weight: 600;
}

.price-btn-green {
    background-color: #29BA52;
    border: 1px solid #45AE26;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #fff !important;
    width: 80%;
    padding: 10px 0px;
}

.semi-bold {
    font-weight: 600 !important;
}

.green-btn-color {
    color: #23B023 !important;
}


/* .pricing-plans {
    background-color: #fff;
    padding: 5px;
} */

.priceCard-header h2 {
    font-size: 22px;
    font-weight: 600;
}

.priceCard-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.priceCard-header span {
    font-size: 24px;
    font-weight: 500;
}

.pricing-plans ul::before {
    margin-top: 10px;
}


/* .pricing-plans .features-list li img {
    margin-right: 20px;
    margin-left: 28%;
} */

.annual-plan-border {
    border: 1px solid #1EC54A;
}

.annual-plan-border:hover {
    background-color: #20CF521F;
}

.pricing-plans .features-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 25px;
    gap: 10px;
    width: 100%;
}

.pricing-plans .restricted-list li {
    padding-bottom: 8px;
    font-size: 14px;
    list-style: none;
    position: relative;
    margin-left: 24px;
}

.mr-50 {
    margin-right: 50px !important;
}

.pricing-plans {
    border-radius: 0px 0px 20px 20px;
    /* height: 86%; */
}

.pricing-plans .restricted-list li::before {
    content: url("/assets/imgs/icons/close.svg");
    position: absolute;
    top: 3px;
    left: -28px;
}

.phraser-bg {
    background-color: var(--phraserblue) !important;
}


/* input range */

#myinput {
    background: linear-gradient(to right, #7961F2 0%, #7961F2 50%, #C9C9C94D 50%, #C9C9C94D 100%);
    background-color: #dddd;
    border-radius: 8px;
    height: 8px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    width: 100%;
}

#myinput::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    border-radius: 50%;
}

#myinput::-ms-fill-upper {
    background-color: #9a905d;
}

.sliderticks p {
    text-align: center;
    color: #fff;
    font-size: 15px;
    color: #BEBEFF;
}

.pro-border {
    border: 1px solid #4D7AFF !important;
}

.dollar {
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}

.popularplan {
    background: #001F7B 0% 0% no-repeat padding-box;
    border-radius: 15px;
    margin-bottom: 0;
    color: #fff;
    padding: 9px 15px;
    font-size: 12px;
}

.out-credits-modal .btn-close {
    z-index: 999;
}

.out-credits-modal .btn-close {
    background-color: var(--phraserblue);
    opacity: 1;
    border-radius: 50%;
    padding: 5px;
    font-size: 10px;
}

.creditmodal-dialog .btn-close {
    background-image: url("/assets/imgs/icons/popcross_up.svg");
}

@media screen and (min-width:1301px){

    .langs-drop .dropdown-menu {
        transform: translate3d(17px, 43px, 0px) !important;
    }
}

/* @media screen and (max-width: 1199px){
    .langs-drop.dropdown-menu {
        transform: translate3d(-244px, 43px, 0px) !important;
    }
}

@media screen and (max-width: 820px) and (min-width: 581px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-318px, 43px, 0px) !important;
    }
}

@media screen and (max-width: 420px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-205px, 43px, 0px) !important;
    }

    .langs-drop .dropdown-menu.top {
        transform: translate3d(-166px, 43px, 0px) !important;
    }
} */

@media screen and (min-width:800px) and (max-width:1300px){
    .langs-drop .dropdown-menu {
        transform: translate3d(20px, 43px, 0px) !important;
    }
}

@media screen and (min-width:800px) and (max-width:992px){
    .langs-drop .dropdown-menu {
        transform: translate3d(20px, 43px, 0px) !important;
    }
}


@media screen and (min-width:500px) and (max-width:799px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-410px, 43px, 0px) !important;
    }
}
@media screen and (min-width:768px) and (max-width:799px){
    .langs-drop .dropdown-menu {
        transform: translate3d(10px, 43px, 0px) !important;
    }
}
@media screen and (min-width:599px) and (max-width:767px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-410px, 43px, 0px) !important;
    }
}
@media screen and (min-width:500px) and (max-width:580px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-230px, 43px, 0px) !important;
    }
}

@media screen and (min-width:581px) and (max-width:600px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-400px, 43px, 0px) !important;
    }
}


@media screen and (min-width:370px) and (max-width:499px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-250px, 43px, 0px) !important;
    }
    .langs-drop .dropdown-menu.small_nav {
        transform: translate3d(-130px, 43px, 0px) !important;
    }
    .langs li{
        padding: 4px 0px !important
    }
    .UseCard p {
        font-size: 11px !important;
    }
}

@media screen and (min-width:331px) and (max-width:369px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-210px, 43px, 0px) !important;
    }
    .langs-drop .dropdown-menu.small_nav {
        transform: translate3d(-130px, 43px, 0px) !important;
    }
    .langs li{
        padding: 4px 0px !important;
        font-size:10px !important;
    }
    .langs{
        padding: 5px 0px !important;
    }
    .langs li img {
        width: 17px;
        height: 15px;
        margin-right: 4px;
    }
    .UseCard p {
        font-size: 10px !important;
    }
}
@media screen and (max-width:330px){
    .langs-drop .dropdown-menu {
        transform: translate3d(-200px, 43px, 0px) !important;
    }
    .langs li{
        padding: 4px 0px !important;
        font-size:10px !important;
    }
    .langs li img {
        width: 17px;
        height: 15px;
        margin-right: 4px;
    }
    .UseCard p {
        font-size: 10px !important;
    }
}



.dashboard-table thead {
    background-color: #F5F7FE;
}


/*
.plan-parent {
    margin-right: 96px;
    transition: all 0.2s;
} */


/* new update css for text area */

.upload-sources {
    font-weight: 600;
}

.action-btns-area {
    border-bottom: 1px solid #F0F0F0;
    padding: 10px;
}

.textarea-padding {
    padding: 8px 10px !important;
}

.counter-section {
    padding: 8px 10px;
    position: relative;
}

.textarea-main {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #0000001C;
    border: 1px solid #DBDBDB;
    background-color: #fff;
}

.counter-section {
    border-top: 1px solid #F0F0F0;
}

.counter-section .go-pro-lable {
    background: #EDF2FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 7px;
}

.counter-section p {
    text-align: start;
}

.counter-section .btn {
    /* background: #FFD034 0% 0% no-repeat padding-box; */
    border-radius: 4px;
    font-size: 14px;
    margin-left: 4px;
    font-weight: 600;
}

.dlt-btn-div {
    /* background-color: #fff !important; */
    border: unset;
}

.dlt-btn-div .btn {
    /* background-color: #fff !important; */
    border: unset;
    font-size: 14px;
    font-weight: 600;
}

.phraser-hover {
    font-size: 14px;
    font-weight: 600;
}

.phraser-hover:hover span {
    color: #fff !important;
}

.phraser-hover:hover {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
    border-color: var(--phraserblue) !important;
}

.hoverable:hover img {
    filter: brightness(0) invert(1);
}

.drop-rotation {
    transform: rotate(180deg);
    transition: 0.1s ease-in-out;
}


/* testimonials */

.Testimonials-section {
    background-color: #EDF2FF;
    border-radius: 8px;
}

.Testimonials .nav-tabs {
    background-color: #fff;
    border-radius: 4px;
    height: 42px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.Testimonials .nav-tabs .nav-link {
    padding: 0px 14px;
    font-weight: 600;
    border: unset !important;
}

.Testimonials .nav-tabs .active {
    background-color: var(--phraserblue) !important;
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
    margin-top: -7px;
    height: 54px !important;
}

.Testimonials-section .tab-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.Testimonials-section .tab-content {
    margin-top: 37px;
}


/* review slider */

.review-slider {
    border-radius: 8px;
    padding: 30px !important;
}

.screenshot_slider .item .slider-item .review-item img.avatarImg {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #4D7AFF;
}

.slider-item .review-item img.avatarImg {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #4D7AFF;
}

.slider-item .slider-item {
    box-shadow: 0px 0px 6px 0px #ccc;
    padding: 20px;
    border-radius: 12px;
}

.review-slider .slider-item {
    background-color: #EDF2FF;
    padding: 20px;
    border-radius: 23px;
}

.review-slider p {
    text-align: start;
}

.review-item .name {
    font-size: 18px;
    font-weight: 600;
}

.review-item .starts {
    margin-top: 15px;
    margin-bottom: 23px;
    display: flex;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.review-item .starts span {
    font-size: 18px;
    font-weight: 600;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots button.owl-dot {
    background-color: #D8E2FF !important;
}

.owl-dots button.owl-dot.active {
    background-color: var(--phraserblue) !important;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}

/* @media screen and (max-width: 767px){ */
    .owl-dots{
        visibility: hidden;
    }
/* } */


/* owl nex pre btn */

.owl-nav {
    text-align: right;
    margin-top: 20px;
    color: #fff !important;
    position: absolute;
    right: 0;
}




.owl-nav .owl-prev {
    margin-right: 15px;
}


/* google play */

.googleplay {
    position: relative;
}

.googleplay:hover .googleplayicon {
    transform: scale(1.2);
    transition: all .2s ease;
}

.googleplayicon {
    position: absolute;
    z-index: 9;
    left: 11px;
    top: 10px;
}


/* artcile generator */

.ArticleGenerator-input {
    background: #F0F0F0 !important;
    border: 0.5px solid #D1D1D1 !important;
    border-radius: 4px;
    opacity: 1;
}

.articlegen-footer .copytext {
    margin-right: 40px;
}

/* .dlt-btn img {
    height: 18px;
    width: 18px;
} */

.search {
    position: relative;
}

.search .btn {
    position: absolute;
    right: -6px;
    font-weight: 700;
    font-size: 20px;
    top: -5px;
}

.search .btn img {
    width: 16px;
    height: 16px;
}

.counter-footer-sum {
    padding: 12px 10px !important;
}


/* captcha Modal */

.captchaModal .modal-title {
    font-weight: 600 !important;
    font-size: 18px !important;
}

.modal-footer .goback {
    background-color: #EAEAEA !important;
    font-weight: 600;
}

.captchaModal .modal-content {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}


/* Email verify Page */

.verify-hd {
    font-weight: 700;
    font-size: 34px;
    color: var(--phraserblue);
    margin-top: 20px;
    margin-bottom: 20px;
}

.verification-btn {
    background-color: #edf2ff;
    font-weight: 600;
}

.verification-btn:hover {
    background-color: var(--phraserblue);
    color: #fff;
}


/* review page */

.Overall-rating .overall {
    border: 1px solid #EAEAEA;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    padding: 30px;
}

.middle {
    float: left;
    width: 70%;
    margin-top: 14px;
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.bar-5 {
    width: 60%;
    height: 14px;
    background-color: #FFCE00;
    border-radius: 8px;
}

.star-numbers {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 2px;
}

.bar-2 {
    width: 80%;
    height: 14px;
    background-color: #FFCE00;
    border-radius: 8px;
}

.bar-3 {
    width: 38%;
    height: 14px;
    background-color: #FFCE00;
    border-radius: 8px;
}

.Overall-rating h1 {
    color: #989898;
    font-size: 20px;
    font-weight: 600;
}


/* review pagination */

.pagination .active-pagination {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
}

.pagination .page-link {
    background-color: #DBDBDB;
    border: 4px;
    color: #393939;
    margin-right: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}


/* new classes */

.do-card {
    position: relative;
    border: 1px solid #E3EBFF;
    background-color: #F0F4FF;
    height: 188px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
}

/* .do-card-shadow {
    box-shadow: -24px 11px 4px 6px rgb(240, 244, 255, 0.5);
} */

.do-card p {
    font-weight: 600;
    text-align: start;
    margin-bottom: 0;
}

.do-card .icon {
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 22px;
    top: -37px;
    padding: 20px;
    box-shadow: 0px 0px 10px #0000001c;
}

.seemore-btn {
    background-color: var(--phraserblue);
    font-weight: 600;
    border-radius: 8px;
}

.padding-btn {
    padding: 14px 49px;
}

.rounded-18 {
    border-radius: 18px;
}

.FaqsHome-section,
.accordion-item,
.accordion-header,
.accordion-button {
    border: 0 !important;
}

.liteblue {
    background-color: #EDF2FF;
}

.rounded-27 {
    border-radius: 27px;
}

.featureschild {
    background-image: url("/assets/imgs/roundedbg.webp");
    background-repeat: repeat-x;
    background-size: cover;
}

.mt--462 {
    margin-top: -462px;
}

.counter-section label {
    font-size: 14px;
    font-weight: 500;
}

.customeshadow {
    box-shadow: 1px 14px -3px #0000001c;
}

.plan-action-btn {
    background-color: #F4F4F4;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.active-plan {
    background-color: var(--phraserblue);
    color: #fff;
}

.active-plan .pricing-plans .restricted-list li::before {
    content: url("/assets/imgs/icons/tick.svg") !important;
    position: absolute;
    top: 3px;
    left: -28px;
}

.active-plan * {
    color: #fff;
}

.pricing-card .active-plan .priceCard-header {
    background-color: var(--phraserblue) !important;
}

.active-plan img {
    filter: brightness(0) invert(1);
}

.active-plan .features-list li {
    background-color: #3A69F5 !important;
}

.active-plan .plan-action-btn {
    margin-bottom: 0 !important;
}

.equal-shadow {
    box-shadow: 0px 0px 6px #0000002E;
}

.border-27 {
    border-radius: 27px !important;
}

.popular-span {
    background-color: #FFD034;
    color: #393939 !important;
    font-weight: 600 !important;
    padding: 4px 34px;
    font-size: 16px !important;
    border-radius: 6px;
    transform: translate(-48%, 0%);
    top: -16px;
    left: 48%;
    position: absolute;
}

.btn-blue {
    background-color: #FFD034 !important;
    color: #000;
}

.freez {
    position: absolute;
    top: 9px;
    z-index: 9;
    right: 9px;
}

.primary-border {
    border: 1px solid var(--phraserblue) !important;
}

.secondary-border {
    border: 1px solid #F2F2F2 !important;
}

.btn-prrimary {
    background-color: var(--phraserblue) !important;
    color: #fff;
}

.bestplab-tag {
    background-color: var(--phraserblue);
    width: 167px;
    height: 31px;
    display: flex;
    align-items: absolute;
    color: #ffffff !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    transform: rotate(45deg);
    right: -43px;
    top: 20px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.add-payment-form .form-control {
    border-radius: 8px !important;
    padding: 14px 17px;
    border-color: #D1D1D1;
    margin-bottom: 16px;
}

.add-payment-form label {
    font-weight: 600;
    margin-bottom: 6px;
}

.mt-30 {
    margin-top: 30px;
}

.liteblue {
    background-color: #EDF2FF;
}

.me-20 {
    margin-right: 20px;
}

.me-34 {
    margin-right: 34px;
}

.dark-banner {
    background-color: var(--phraserblue);
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.p-40 {
    padding: 40px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.rounded-38 {
    border-radius: 38px;
}


/* subscribe model */

#subscribe {
    background-color: rgba(0, 0, 0, 0.5);
}

#subscribe .btn-close {
    opacity: 1;
}

#subscribe .btn-close:focus {
    box-shadow: unset;
}

#subscribe .gotoDashBoard {
    color: #FFFFFF;
    background-color: #03AF80;
    font-size: 20px;
    font-weight: 500;
    padding: 16px 60px;
    border-radius: 10px;
}

#subscribe .gotoDashBoard:hover {
    color: #FFFFFF;
}

.border-radius-19 {
    border-radius: 19px;
}

.pro-modal h2 {
    font-size: 16px;
    font-weight: 600;
}

.pro-modal .modal {
    background-color: rgba(0, 0, 0, 0.5);
}

.pro-modal .modal .btn-close {
    opacity: 1;
}

.modal .btn-close:focus {
    box-shadow: unset;
}

.pro-modal .gotoDashBoard {
    color: #FFFFFF;
    background-color: #03AF80;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 22px;
    border-radius: 10px;
}

.pro-modal .gotoDashBoard img {
    margin-right: 10px;
}

.proross {
    background: unset !important;
}

.pro-modal .modal .gotoDashBoard:hover {
    color: #FFFFFF;
}

.rounded-26 {
    border-radius: 26px;
}

.pro-modal .btn-close {
    position: absolute;
    top: 10px;
    right: 21px;
    opacity: 1;
}

.h-150-scroll {
    height: 150px;
    overflow-y: scroll;
}


/* freez words div */

.border-r-11 {
    border-radius: 11px;
}

.border-r-top-11 {
    border-radius: 0px 10px 0px 0px !important;
}

.freez-popup {
    box-shadow: 0px 0px 6px #00000019;
    max-width: 492px;
    z-index: 10;
    background-color: #fff;
    right: -468px;
    top: 35px;
    position: absolute;
}

.pb-460 {
    padding-bottom: 460px !important;
}

.freez-popup .freez-header {
    border-bottom: 1px solid #d9dfef;
}

.freez-popup .freez-footer {
    border-top: 1px solid #d9dfef;
}

.p-15 {
    padding: 15px;
}

.freez-popup textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #B4B4B4;
}

.fz-14-semibold {
    font-size: 14px;
    font-weight: 600;
}

.bg-lite-blue {
    background-color: #e4ebff6e;
}

.Frozen-Words .freez-body span {
    color: #117c28;
    font-size: 14px;
    font-weight: 600;
    width: 151px;
    text-align: start;
}

.Frozen-Words .freez-body .selected-words {
    display: flex;
    justify-content: space-between;
}

.text-crossRed {
    color: #FF1414 !important;
    font-size: 12px;
    font-weight: 500;
}

.suggestion {
    padding: 4px 14px;
    background-color: #E4EBFF;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    margin: 0 6px 6px 0;
    cursor: pointer;
    transition: all 0.2s;
}

.suggestion:hover {
    color: #ffffff;
    background: #0d6efd;
}

.mt-22 {
    margin-top: 22px;
}

.text-green-600-22 {
    font-size: 22px;
    font-weight: 600;
    color: #00CE3F;
}

.lite-btn {
    background-color: #EDF2FF;
    font-weight: 600;
    padding: 13px 20px;
    border-radius: 8px;
}

.premMode {
    position: absolute;
    left: 0;
    top: 4px;
}

.blog-links-btn {
    border: 1px solid #4D7AFF;
    color: #4D7AFF;
    font-size: 12px;
    background-color: #E9EFFF;
    border-radius: 8px;
    margin-right: 8px;
}

.lite-btn:hover {
    background-color: var(--phraserblue);
    color: #fff !important;
}

.form-control.is-invalid {
    background-image: unset !important;
}

@media (min-width: 1400px) {
    .plan-toggle {
        margin-left: -573px !important;
    }
}

@media (min-width: 992px) {
    .border-lg-0 {
        border: 0 !important;
    }

    .pb-164 {
        padding-bottom: 164px !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .top--171 {
        margin-top: -171px !important;
    }

    .divider::after {
        content: "";
        width: 2px;
        height: 52px;
        background-color: #00A226;
        position: absolute;
        top: -2px;
        right: -10px;
    }

    .divider2::after {
        content: "";
        width: 2px;
        height: 52px;
        background-color: #FFAD4D;
        position: absolute;
        top: -2px;
        right: -10px;
    }

    .divider3::after {
        content: "";
        width: 2px;
        height: 52px;
        background-color: #4D7AFF;
        position: absolute;
        top: -9px;
        right: -10px;
    }

    .divider4::after {
        content: "";
        width: 2px;
        height: 52px;
        background-color: #cccc;
        position: absolute;
        top: -14px;
        right: -10px;
    }
}

.fullLogo {
    width: 159px;
}

@media screen and (max-width:1640px) {
    .add_this_class{
        display: none !important;
    }

    /* drophover */

}
@media screen and (max-width:768px) {
.add_this_class{
    display: block !important;
}

}
@media screen and (max-width:992px) {
    .add_this_class{
        display: none !important;
    }

    .Overall-rating .container {
        padding: 9px !important;
    }
    .logoIcon {
        width: 30px;
        height: 48px;
    }

    .fullLogo {
        width: 150px;
    }

    .pt-132 {
        padding-top: 132px !important;
    }

    .blog-detail .popular-blogs {
        flex-direction: column;
    }

    .blog-detail .blog-details {
        margin-top: 20px;
    }

    .my-drop {
        width: 88px;
    }

    .rewrite {
        font-size: 16px;
    }

    .copy {
        font-size: 12px !important;
    }

    .nav-tabs .nav-link {
        padding: 11px 0px !important;
        font-size: 12px !important;
    }

    .enter-text {
        padding: 5px;
    }

    .upload-drop {
        display: unset !important;
    }

    .navbar {
        background-color: #fff;
        /* position: absolute;
        top: 0;
        width: 100%;
        z-index: 999999999; */
    }

    .pt-100 {
        padding-top: 100px !important;
    }

    @media screen and (max-height: 992px){
        .pt-100 {
                padding-top: 5px !important;
            }
    }

    .active-setp {
        transform: unset;
    }

    .my-tabs {
        width: 290px !important;
    }

    .accordion-button::before {
        display: none;
    }

    .sidebar {
        margin-left: -244px;
    }

    .navbar .nav-link {
        margin-left: 0px !important;
    }

    .search-history {
        width: 50% !important;
        margin-top: 10px;
    }

    .review-slider .container {
        padding: 15px !important;
    }

    .owl-nav {
        /* display: none; */
        display: block;
    }

    .Testimonials .nav-tabs {
        height: 100% !important;
    }

    .Testimonials-section .tab-content h4 {
        margin-top: 20px;
    }

    .add-text-area label {
        top: 50%;
    }

    .mydrop-items {
        inset: 1px auto auto -125px !important;
    }

    .best p {
        text-align: justify;
    }

    /* .dlt-btn,
    .copyOutput {
        position: absolute;
        right: 14px;
        top: 5px;
    } */

    .go-pro-lable {
        display: none !important;
    }

    .navbar .navbar-nav {
        background-color: #F8F8F8;
        border: 1px solid #E2E2E2;
        border-radius: 16px;
        padding: 20px;
        margin-top: 25px;
    }

    .navbar .navbar-nav .nav-item {
        margin-bottom: 20px !important;
    }

    .navbar-light .navbar-toggler {
        border: unset;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("/assets/imgs/icons/menu.svg");
    }

    .navbar .phraser-btn {
        padding: 3px 5px 3px 5px !important;
    }

    .percentage-popup {
        max-width: 320px !important;
        right: -10% !important;
    }

    .percentage-popup::after {
        transform: matrix(-0.87, 0.48, -0.48, -0.87, 12, -16) !important;
        z-index: -1 !important;
    }

    .homeSteps::before,
    .homeSteps img {
        display: none;
    }

    .homeSteps .text {
        margin-left: 0;
    }

    .freez-popup {
        right: 13px !important;
        top: 50px !important;
        width: 292px !important;
    }

    /* .plan-parent {
        margin-right: 193px !important;
    } */
    .plan-toggle {
        margin-left: -837px !important;
    }

    .percentage-popup {
        left: -68px !important;
    }

    .percentage-popup::after {
        /* left: 70% !important; */
        left: 25% !important;
        transform: matrix(1.13, 0.48, -0.48, -0.87, 44, -16) !important;
    }
}

@media (max-width: 759px) {
    .plan-toggle {
        margin-left: -659px !important;
    }

    .plan-toggle {
        margin-left: -659px !important;
    }
}

@media screen and (max-width:580px) {
    .search-history {
        margin-top: 10px;
        width: 100% !important;
    }

    .logoTxt {
        font-size: 23px !important;
    }

    .langs li {
        padding: 4px 4px !important;
        font-size: 9px !important;
    }

    .mydrop-items {
        transform: translate3d(-3px, 43px, 0px) !important;
    }

    .mydrop-items2 {
        transform: translate3d(158px, 43px, 0px) !important;
        -webkit-transform: translate3d(158px, 43px, 0px) !important;
        -moz-transform: translate3d(158px, 43px, 0px) !important;
        -ms-transform: translate3d(158px, 43px, 0px) !important;
        -o-transform: translate3d(158px, 43px, 0px) !important;
    }

    .Testimonials .nav-tabs .nav-link {
        padding: 15px 27px !important;
    }

    .search {
        width: 100% !important;
    }

    .freez-popup {
        width: 292px !important;
    }
}

@media (min-width: 576px) {
    .pro-modal .modal-dialog {
        max-width: 450px;
        max-height: 515px;
    }

    .creditmodal-dialog {
        max-width: 644px;
    }
}

@media screen and (max-width: 575px){
    .mydrop-items {
        transform: translate3d(60px, 43px, 0px) !important;
    }
    .mydrop-items li a img{
        width: 13px;
    }
    .mydrop-items li a{
        font-size: 13px;
    }
}

@media screen and (max-width:500px) {
    .plan-toggle {
        margin-left: -470px !important;
    }

    .langbutton {
        font-size: 12px;
        padding: 2px 5px !important;
    }

    /* .add-text label img {
        width: 30px;
    } */

    .upload-file {
        width: 91px !important;
    }

    .enter-text .my-select {
        font-size: 9px;
        width: 81px;
    }

    .paraphrase-btn {
        padding: 4px 15px;
        font-size: 14px;
    }

    .section-hd {
        font-size: 24px !important;
    }

    .active-setp {
        transform: unset;
    }

    .py-60 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .py-40 {
        padding-top: 30p;
        padding-bottom: 30px !important;
    }

    .phraser-tabs .nav-link {
        font-size: 12px;
    }

    .upload-sources label {
        padding: 4px 4px !important;
        font-size: 12px;
        margin-bottom: 0px;
    }

    .action-btns-area .btn img {
        width: 18px;
    }

    .dlt-btn,
    .copyOutput {
        padding: 0px 4px !important;
    }

    /* .dlt-btn img,
    .copyOutput img {
        width: 18px !important;
    } */

    .dlt-btn {
        display: unset !important;
    }

    .uploadfileicon {
        width: 12px !important;
    }

    .actionLoader {
        background-size: 60% !important;
    }

    .get-now {
        margin-left: auto;
        margin-right: auto;
    }
}
/* review page */

.Overall-rating .overall {
    border: 1px solid #EAEAEA;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    padding: 30px;
}

.middle {
    float: left;
    width: 70%;
    margin-top: 14px;
}

@media screen and (max-width: 510px) {
    .middle {
        float: left;
        width: 58%;
        margin-top: 14px;
    }
    .owl-nav {
        text-align: right;
        margin-top: 31px !important;
        color: #fff !important;
        position: absolute;
        right: 150px !important;
    }

}

@media screen and (max-width: 360px) {
    .owl-nav {
        position: absolute;
        right: 74px !important;
    }
}


@media screen and (max-width: 396px) {
    .middle {
        float: left;
        width: 45%;
        margin-top: 14px;
    }
    .wlg25 {
        width: 50% !important;
    }
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.bar-5 {
    width: 60%;
    height: 10px;
    background-color: #FFCE00;
    border-radius: 8px;
}

.star-numbers {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 2px;
}

.bar-4 {
    width: 22%;
}

.bar-5 {
    width: 0%;
}

.bar-6 {
    width: 0%;
    height: 14px;
}

.Overall-rating h1 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.Overall-rating h1 span {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.Overall-rating span {
    color: #989898;
    font-size: 20px;
    font-weight: 600;
}

.Overall-rating h2 {
    color: #989898;
    font-size: 16px;
    font-weight: 500;
}


/* review pagination */

.pagination .active-pagination {
    background-color: var(--phraserblue) !important;
    color: #fff !important;
}

.pagination .page-link {
    background-color: #DBDBDB;
    border: 4px;
    color: #393939;
    margin-right: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

/* tasks */

.tasks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.task {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: solid 1px #dfdfdf;
}

.task:last-child {
    border-bottom: none;
}


/* context menu */

.context-menu {
    display: none;
    position: absolute;
    z-index: 10;
    padding: 12px 0;
    width: 240px;
    background-color: #fff;
    border: solid 1px #dfdfdf;
    box-shadow: 1px 1px 2px #cfcfcf;
}

.context-menu--active {
    display: block;
}

.context-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.context-menu__item {
    display: block;
    margin-bottom: 4px;
}

.context-menu__item:last-child {
    margin-bottom: 0;
}

.context-menu__link {
    display: block;
    padding: 4px 12px;
    color: #0066aa;
    text-decoration: none;
}

.context-menu__link:hover {
    color: #fff;
    background-color: #0066aa;
}

/* percentage popup */
#prashPerc {
    position: relative;
}

.layer1,
.layer2 {
    position: absolute;
}

.layer2 {
    left: 0;
    bottom: 22px;
}

.layer1 {
    right: 0;
    top: 29px;
}

.percentage-popup-btn {
    position: relative;
}

.percentage-popup::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 19px;
    margin-left: -2em;
    margin-top: -1em;
    left: 93%;
    top: 102%;
    border-radius: 7px;
    box-sizing: border-box;
    border: 28px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: -11% 39%;
    transform: matrix(-0.87, 0.48, -0.48, -0.87, 44, -16);
}

.close-percentage-popup {
    position: absolute;
    right: 2px;
    top: -2px;
}

.percentage-popup {
    position: absolute;
    bottom: 45px;
    z-index: 999;
    right: 20%;
    max-width: 470px;
    width: 470px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgb(0 6 0 / 36%) -3px 6px 19px 0px;
    padding: 15px 17px;
    text-align: center;
}

.percentage-popup h5 {
    font-size: 20px;
    font-weight: 600;
}

.percentage-popup p {
    font-size: 12px;
    font-weight: 500;
}

.percentage-popup .premium-btn {
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 600;
}

.font-18 {
    font-weight: 18px !important;
}

.bg-fade-yellow {
    background-color: #fff6cd;
}

.rounded-16 {
    border-radius: 16px;
}

/* limit Reach popup */

.Reach-limit-popup .modal-content {
    border-radius: 18px;
}

.Reach-limit-popup h4 , .Reach-limit-popup .h4 {
    color: var(--phraserblue);
    font-weight: 600;
    font-size: 24px;
}

.Reach-limit-popup .modal-body {
    padding: 28px 10px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 470px;
        margin: 1.75rem auto;
    }
}

.primary-text {
    color: var(--phraserblue);
}



.percentage-popup-btn {
    position: relative;
}

.percentage-popup::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 19px;
    margin-left: -2em;
    margin-top: -1em;
    left: 29%;
    top: 102%;
    border-radius: 7px;
    box-sizing: border-box;
    border: 28px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: -11% 39%;
    transform: matrix(-0.87, 0.48, -0.48, -0.87, 44, -16);
}

.close-percentage-popup {
    position: absolute;
    right: 8px;
    top: 9px;
}

.percentage-popup {
    position: absolute;
    bottom: 54px;
    z-index: 50;
    left: -99px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgb(0 6 0 / 36%) -3px 6px 19px 0px;
    padding: 15px 14px;
    text-align: center;
    width: 300px;
}

.percentage-popup h5 {
    font-size: 13px;
    font-weight: 600;
}

.percentage-popup .premium-btn {
    border-radius: 6px !important;
    font-size: 10px;
    font-weight: 600;
}

.rephrased-progress .progress {
    overflow: inherit !important;
}

.rephrased-progress .progress-bar {
    overflow: inherit !important;
    border-radius: 6px 0 0 6px;
}

.progress-bar .rephrased-text {
    color: #fff;
    font-weight: bold;
}

.progress-bar .same-text {
    color: red;
    font-weight: bold;
}

.rephrased-progress .progress {
    height: 28px;
    width: 240px;
}


.percentage-progress {
    position: relative;
}


.progress-handle {
    height: 43px;
    width: 7px;
    margin-top: -7px;
    margin-left: -3px;
}


/* New Work Starts */
.UseCard {
    position: relative;
    padding: 10px;
}

.useCard-descripion {
    position: absolute;
    bottom: 23px;
    left: 50%;
    /* width: 100%; */
    transform: translate(-50%, 0);
    padding: 10px;
    width: 90%;
}

.useCard-descripion {
    position: absolute;
    bottom: 23px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    padding: 10px;
    width: 90%;
}

.font-26 {
    font-size: 26px;
}

.bold {
    font-weight: 700;
}

.UseCard p {
    text-align: left !important;
}

/* New Work Ends */

/* Banner Starts */
.top_banner{
    padding: 6px 10px;
    border-radius: 3px;
    background: transparent radial-gradient(closest-side at 50% 50%, #204778 0%, #092648 100%) 0% 0% no-repeat padding-box;
        border-radius: 8px;
        opacity: 1;
}

.banner_inner_area{
    border-radius: 3px;
}

/* @media screen and (max-width: 767px){
    .banner_inner_area img {
            height: 90px;
            border-radius: 3px;
        }
} */
/* Banner Ends */


@media screen and (max-width: 363px){
    .WCUImgs{
        height: 300px;
    }
}


.toolsBtn{
    border: none;
    color: rgba(0, 0, 0, .55) !important;
    font-weight: 600;
}

.toolBtnMenu{
    color: rgba(0, 0, 0, .55);
    font-weight: 600;
}

.navbar .toolBtnMenu:hover {
    background-color: var(--phraserblue);
    color: rgba(0, 0, 0, .55);
    border-radius: 4px;
}

@media screen and (max-width: 350px){
    .featureSec4{
        margin-right: 3px;
    }
}


/* Article Generator Section 1 Starts */
.mb-60 {
    margin-bottom: 80px !important;
}

.fs-34 {
    font-size: 34px;
}

.semi-bold {
    font-weight: 600 !important;
}

.a-priority {
    color: #4D7AFF;
}

.students {
    background-color: #FFF6EE;
    border-radius: 30px;
    /* width: 470px; */
    height: 315px;
    background-image: url(/assets/imgs/ArticleGenerator/Student.png);
    background-repeat: no-repeat;
    background-position: 23% 32%;
}

.students-desc {
    z-index: 2;
}

.girl-1 {
    /* top: -98px; */
    bottom: 0;
    right: 10px;
    z-index: -1;
}

.fs-26 {
    font-size: 26px;
}

.blogers {
    background-color: #E2D8FB;
    border-radius: 30px;
    /* width: 470px; */
    height: 315px;
    /* background-image: url(/assets/imgs/ArticleGenerator/AcademicWriters.svg); */
    background-image: url(/assets/imgs/ArticleGenerator/Researchers.svg);
    background-repeat: no-repeat;
    background-position: 23% 32%;
}

.students-desc {
    z-index: 2;
}

.Content-Writers {
    background-color: #E2FDF2;
    border-radius: 30px;
    /* width: 470px; */
    height: 315px;
    /* background-image: url(/assets/imgs/ArticleGenerator/Researchers.svg); */
    background-image: url(/assets/imgs/Plagiarism/contentwriters.svg);
    background-repeat: no-repeat;
    background-position: 23% 32%;
}

.Professionals {
    background-color: #FCF9DA;
    border-radius: 30px;
    /* width: 470px; */
    height: 315px;
    background-image: url(/assets/imgs/Plagiarism/freelancers.svg);
    background-repeat: no-repeat;
    background-position: 23% 32%;
}
/* Article Generator Section 1 Ends */


/* Article Generator Section 2 Starts */
.fs-34 {
    font-size: 34px;
}

.rounded-border {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 20px;
}

.fs-20 {
    font-size: 20px;
}

.rewriter-tool {
    background-color: rgb(237, 242, 255) !important;
}

/* Article Generator Section 2 Ends */


/* Article Generator Section 3 Starts */
.rounded-16 {
    border-radius: 16px;
}

.w50 {
    width: 60% !important;
}

@media (max-width: 450px) {
    .customFontSize{
        font-size: 13px !important;
    }
    /* .setIcon{
        margin-top: .7rem !important;
    } */
     .images_push{
        width: 25px !important;
     }
}
@media (max-width: 991px) {

    /* Adjust the max-width value as needed */
    .w50 {
        width: 100% !important;
    }
    .setIcon{
        padding : 0 !important;
        /* margin-top: .5rem;
        margin-right: 2.3rem !important; */
    }

}

.text-left {
    text-align: left;
}

.quicklyResponse {
    border-radius: 18px;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 14%;
    margin-left: -287px;
    width: 44% !important;
}

@media (max-width: 1398px) {
    .quicklyResponse {

        top: 18%;
        margin-left: -287px;
        width: 48% !important;

    }
}

@media (max-width: 1198px) {
    .quicklyResponse {

        top: 18%;
        margin-left: -232px;
        width: 49% !important;

    }
}

@media (max-width: 992px) {
    .quicklyResponse {
        position: relative;
        margin-left: 0px;
        top: 0;
        margin-top: 20px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .border-end {
        border-right: none !important;
    }

        .quicklyResponse {
            position: relative;
            top: 0;
            margin: 10px auto 0 auto;
                width: 96% !important;
        }
}

@media (max-width: 575px) {

        .quicklyResponse {
            position: relative;
            top: 0;
            margin: 10px auto 0 auto;
                width: 95% !important;
        }
}
/* Article Generator Section 3 Ends */

.navbar .dropdown-item.dash:hover .dash-img {
    filter: invert(100%) sepia(66%) saturate(0%) hue-rotate(74deg) brightness(109%) contrast(100%);
}

.credit-btn2 {
    background-color: #FFFF;
    color: #373738;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.credit-btn2:hover {
    background-color: #FFDC65;
}


.top-bar {
    background-image: url(../imgs/rephtraser-happy-new.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 464px 408px; */
}


.banner {
    color: #fff;
    font-family: Arial, sans-serif;
      height: 60px;
    text-align: center;
    position: relative;
    align-items: center;
    display: flex;
    padding: 13px 0;
  }
  .banner p{

    /* display: flex; */
    justify-content: center;
    align-items: center;
  }
.highlight {
    font-family: 'Lily Script One', cursive;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;



  }

 .image2025{
    padding-left: 5px;
    padding-right: 5px;
 }

  .highlight_ru {
    font-size: 33.33px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    text-decoration-skip-ink: none;
    color: #ffffff;
    font-family: 'Epines';


  }




.monday {
    color: #FFA500;
    font-family: 'Rammetto One', cursive;
    font-size: 22.22px;
    font-weight: 400;
    line-height: 40.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 5px;
  }


  .bannar_btn {
    background: rgba(255, 208, 52, 1);
    color: #000;
    font-weight: bold;
    padding: 7px 10px !important;
    border-radius: 5px;
    text-decoration: none;
    margin: 9px 10px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;

  }

  .bannar_btn_ru {
    background: rgba(255, 208, 52, 1);
    color: #000;
    font-weight: bold;
    padding: 7px 10px !important;
    border-radius: 5px;
    text-decoration: none;
    margin: 9px 10px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;

  }

  .offer {
    font-family: 'Rum Raisin', sans-serif;
    font-size: 22.22px;
    font-weight: 400;
    line-height: 40.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: black;

  }
  .bannar_btn:hover {
    background-color: #e0a800 !important;
  }


/* .top-bar {
    background-image: url(../imgs/topbarbg.png);
    background-repeat: no-repeat;
    background-size: cover;
} */

.save-text {
    font-weight: 700;
    position: relative;
    margin: 0px 30px;
    text-wrap: nowrap;
    font-family: 'Roboto', sans-serif;
}

.save-text::before {
    content: url(../imgs/PromoBannar/leftspark.svg);
    display: block;
    position: absolute;
    left: -41px;
    top: 50%;
    transform: translate(0, -50%) scale(0.7);
}

.save-text::after {
    content: url(../imgs/PromoBannar/rightspark.svg);
    display: block;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translate(0, -50%) scale(0.7);
}

.image2025_ru{
    width: 50px !important;
}

  @media screen and (max-width: 1440px){
    .promoBox{
        padding-left: 50px;
      }
}


@media screen and (max-width: 1119px){
.highlight_ru {
    font-size: 20.33px !important;

}
.bannar_btn_ru{
    font-size: 12px !important;
}
.offer_ru{
    font-size: 16px !important;

}

.offer_ru{
    font-size: 16px !important;

}


}



@media screen and (max-width: 991px){
    /* .promoBox{
        height: 60px;
    } */
    .promoBox{
        padding-left: 0px !important;
      }

    .save-text {
        font-size: 16px;
    }
    .highlight {
        font-size: 22px !important;
        margin-top: 3px !important;

    }
    .highlight_ru {
        font-size: 23px !important;
        margin-top: 3px !important;
    }
}

@media screen and (max-width: 767px){
    /* .promoBox{
        height: 30px;
    } */

    .save-text {
        font-size: 15px;
    }

    .save-text::before {
        display: none;
    }

    .save-text::after {
        display: none;
    }

    .featureschild {
    background-image: none !important;
    padding-top: 15px !important;
    padding-bottom: 40px !important;
    }

    .section-hd {
    padding-top: 60px !important;
    }


}

@media screen and (max-width: 735px){
    .highlight_ru {
        font-size: 10px !important;
        margin-top: 3px !important;

    }


}


@media screen and (max-width: 620px){
    .boxPara{
         margin-bottom: 1rem !important;
    }

    .save-text {
        font-size: 14px;
        margin: 0px 26px;
    }
    .image2025{
      width: 53px !important;
     }
}
/* @media screen and (max-width: 620px){
    .boxPara{
        margin-top: 1.2rem !important;
         margin-bottom: 1rem !important;
    }
} */
@media screen and (max-width: 575px){

    .save-text {
        font-size: 12px;
        margin: 0px 20px;
    }

    .top-bar .btn{
        font-size: 12px;
    }
}

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

    .save-text {
        font-size: 11px;
        margin: 0px 16px;
    }

    .top-bar .btn{
        font-size: 11px;
    }
}


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

    .image2025_ru{
        width: 50px !important;
    }


}

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

    .save-text {
        font-size: 9px;
        margin: 0px 9px;
    }

        .top-bar .btn {
            font-size: 9px;
        }
        .image2025_ru {
            width: 40px !important;
        }

}


@media screen and (max-width: 430px){
.highlight_ru {
    font-size: 9px !important;
    margin-top: 3px !important;
}
    .monday {

        padding-left: 4px !important;
        padding-right: 0px !important;
        margin-top: 5px;
    }
}


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

    .save-text {
            font-size: 8px;
            margin: 0px 6px;
        }

        .top-bar .btn {
            font-size: 8px;
        }
        .highlight_ru {
            font-size: 9px !important;
            margin-top: 3px !important;
        }
        .image2025{
            width: 35px !important;
           }


}

.gradient-btn {
    background: linear-gradient(121deg, #3B00FF -30.31%, #9F76C7 134.13%);
    color: #fff !important;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 50px;
    text-wrap: nowrap;
}

/** humanizer Page Style Starts */
#output_text_div label {
    position: absolute;
    z-index: 9;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(206 206 206);
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    white-space: normal;
}

.Humanize-list {
    list-style: none;
    /* padding: 28px; */
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    background-color: #EDF2FF;
    /* line-height: 40px; */
    margin-top: 20px;
}

.Humanize-list li::before {
    content: url("../imgs/humanizer/humantick.svg") !important;
    margin-right: 10px;
    background-color: transparent !important;
    position: absolute;
    left: -23px;
}

.rounded-border {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 20px;
}

.fs-20 {
    font-size: 20px;
}

.quicklyResponse {
    border-radius: 18px;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 14%;
    margin-left: -287px;
    width: 44% !important;
}

.quicklyResponse p {
    text-align: left;
}

.semi-bold {
    font-weight: 600 !important;
}

.quicklyResponse p {
    text-align: left;
}

.w50 {
    width: 60% !important;
}

.rewriter-tool {
    background-color: rgb(237, 242, 255) !important;
}

.w-lg-50 {
    width: 64% !important;
    margin-left: auto;
    margin-right: auto;
}

.banner .button:hover {
    color: black !important;

  }

@media (max-width: 992px) {
    .quicklyResponse {
        position: relative;
        margin-left: 0px;
        top: 0;
        margin-top: 20px;
        width: 100% !important;
    }

    .pt-460 {
        padding: unset !important;
    }

    /* .banner .highlight {
        font-size: 18px !important;
      } */
      .banner .button {

        padding: 5px 10px !important;
        border-radius: 5px !important;
        margin: 0 10px !important;
      }
      /* .top-bar {
       padding: 7px !important;
      } */
      /* .banner .offer {
        font-size: 16px !important;
      } */
      .banner .monday {
        font-size: 10px !important;
        margin-left: 0px !important;
      }
      .banner .button {
        font-size: 12px !important;
      }

}





@media (max-width: 635px) {
    .banner .highlight {
        font-size: 18px !important;
      }

      .banner .button {

        padding: 5px 10px !important;
        border-radius: 5px !important;
        margin: 0 10px !important;
      }
      /* .top-bar {
       padding: 11px !important;
      } */
      .banner .offer {
        font-size: 12px !important;
      }

      .banner .button {
        font-size: 10px !important;
      }

      .banner .monday {
        font-size: 10px !important;
        margin-left: 0px !important;
    }

}
@media (max-width: 450px) {
    .banner .highlight {
        font-size: 14px !important;
      }


    }

    @media (max-width: 460px) {
        .banner .highlight {
            font-size: 15px !important;
        }
    }
    @media (max-width: 420px) {
        .banner .highlight {
            font-size: 14px !important;
        }
    }


    @media (max-width: 396px) {
        .banner .highlight {
            font-size: 12px !important;
          }


        }


@media (max-width: 525px) {

      .banner .button {

        padding: 5px 10px !important;
        border-radius: 5px !important;
        margin: 0 3px !important;
      }
      /* .top-bar {
       padding: 11px !important;
      } */
      .banner .offer {
        font-size: 12px !important;
      }

      .banner .button {
        font-size: 8px !important;
      }



}


@media (max-width: 575px) {
    .quicklyResponse {
        position: relative;
        top: 0;
        margin: 10px auto 0 auto;
        width: 95% !important;
    }

    .UseCard p {
        font-size: 12px;
    }
}


@media (max-width: 478px) {


      /* .top-bar {
       padding: 11px !important;
      } */
      .banner .offer {
        font-size: 10px !important;
      }

      .banner .button {
        font-size: 8px !important;
      }

      .banner .monday {
        font-size: 7px !important;
        margin-left: 0px !important;
    }

    .top-bar {
        /* background-image: url(../imgs/christmas2.png); */
        background-repeat: no-repeat;
        background-size: cover;
    }


}


@media (max-width: 416px) {

      /* .top-bar {
       padding: 8px !important;
      } */
      .banner .offer {
        font-size: 7px !important;
      }

      .banner .button {
        font-size: 8px !important;
      }


}

@media (max-width: 385px) {
    .banner .highlight {
        font-size: 14px !important;
      }


    }


@media (max-width: 340px) {
.banner .monday {
    font-size: 12px !important;
    margin-left: 0px !important;
}
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: 50%;
    }
}

.pt-460 {
    padding-top: 460px;
}

footer h4 {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
/** humanizer Page Style End */

/*  */

.fw-medium{
    font-weight: 500 !important;
}
.fw-semibold{
    font-weight: 600 !important;
}
.txt-18{
    font-size: 18px;
}
.txt-24{
    font-size: 24px;
}
.txt-32{
    font-size: 32px;
}
.darkergrey-clr{
    color: #373738;
}
.lightpurple-clr{
    color: #4D7AFF;
}
.orderSummary-items{
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 0px 45px 0px #00000017;
    border-radius: 16px;
}
.orderItem1,.orderItem2{
    padding: 34px;
}

.standard-plan{
    border-bottom: 1px solid #E6E6E6;
}
.orderTotal{
    background: #F2F5FF;
    color: #4D7AFF;
    border-radius: 16px;
    font-size: 24px;
    font-weight: 600;
}
.visa-btn{
    background: #E9EFFF;
    border: 1.3px solid #4D7AFF;
    padding: 14px;
    border-radius: 7px;
}
.paypal-btn{
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    padding: 14px;
    border-radius: 7px;
}
.greenList li::marker{
    content: url(../imgs/order-summary/tick.svg);
}

.card-fields .form-control{
   padding: 14px !important;
   border: 1px solid #D9D9D9 !important;
   border-radius: 7px !important;
   font-size: 14px;
}
.card-fields ::placeholder{
    color: #505050 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.query{
    position: absolute;
    right: 12px;
    top: 17px;
}
.p-icon{
    position: absolute;
    right: 25px;
    top: 24px;
}
.text-start{
    text-align: left;
}
.upgrade-btn{
    background-color: var(--phraserblue) !important;
    color: #FFFFFF !important;
    padding: 14px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 12px;
}
#coupon-code{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.applyBtn{
    background: #373738;
    color: #FFFFFF !important;
    border-radius: 7px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 14px 44px;
}
.form-select{
    padding: 14px !important;
    border: 1px solid #D9D9D9 !important;
    background-color: #FFFFFF !important;
    border-radius: 7px;
    font-weight: 500 !important;
    font-size: 14px !important;
}

@media(min-width:992px){
    .border-lg-end{
        border-right: 1px solid #E6E6E6;
    }
}
@media(max-width:992px){
    .rephraser_crumb{
      margin-top: 80px !important;
    }
}
@media(max-width:420px){
    .orderTotal{
        font-size: 20px !important;
    }
    .applyBtn{
        padding: 14px !important;
    }
}
@media(max-width:992px){
    .orderItem2{
        padding-top: 0 !important;
    }
}

/* API Page*/
.bg-light{
    background: #FAFAFA;
}
.bg-light2{
    background: #FCFCFC;
}
.brd-light1{
    border: 1px solid #EFEFEF;
}
.brd-light2{
    border: 2px solid #F7F7F7;
}
.br-14{
    border-radius: 14px;
}
.br-30{
    border-radius: 30px;
}
.txt-darkgray{
    color: #8E8E8E;
}
.p-text{
    color: var(--phrasertext);
}
.blue-text{
    color: var(--phraserblue);
}
.txt-black{
    color: black !important;
}

.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-22{
    font-size: 22px;
}
.fs-34{
    font-size: 34px !important;
}
.fs-54{
    font-size: 54px;
}

.api_btn{
    background-color: var(--phraserblue);
    border-radius: 12px;
    padding: 14px 28px;
    color: white !important;
}
.features_list{
    margin-bottom: 0 !important;
    padding-left: 1rem !important;
}
.features_list li{
    padding-top: 10px;
}
.range-calculator{
    background: linear-gradient(180deg, #4D7AFF 0%, #0C37B4 100%);
    border-radius: 28px;
    padding: 40px;
}



.slider {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    height: 8px;
    outline: none;
    transition: opacity .15s ease-in-out;
    border-radius: 5px;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: #4D7AFF;
    border: 3px solid white;
    border-radius: 50%;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background-color: #4D7AFF;
    border: 3px solid white;
    border-radius: 50%;
    cursor: pointer;
}
.words_output{
    background: #FFFFFF1C;
    border-radius: 30px;
    color: white !important;
    padding: 8px 10px;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
}

.apiPlan-tab {
    background: #FFFFFF3D !important;
    border: 1px solid #FFFFFF66;
    padding: 8px;
    border-radius: 30px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #FFFFFF !important;
    box-shadow: 0px 0px 8px 0px #0000001F;
    padding: 5px 20px !important;
    border-radius: 17px;
    color: #000000 !important;
    font-weight: 500;
}

/* Our Tools Accordion starts */

.ourtools_accordion .accordion-item{
    background: #FFFFFF;
    border-radius: 10px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-bottom: 15px !important;
  }

  .ourtools_accordion .accordion-button{
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 24.48px !important;
    padding: 16px 20px 8px !important;
}
.ourtools_accordion .accordion-button:is(.collapsed){
    background: #edf2ff !important;
    border-bottom: 1px solid #0000000F !important;
}
.ourtools_accordion .accordion-button::after{
 background-image: url(../imgs/api-page/dwn-arrow.svg) !important;
 background-repeat: no-repeat;

}
.accordion-button:not(.collapsed){
    background-color: unset !important;
}
.ourtools_accordion .accordion-button:not(.collapsed)::after {
 background-image: url(../imgs/api-page/dwn-arrow.svg) !important;
 background-repeat: no-repeat;
 transform: rotate(-90deg);

}
.ourtools_accordion .accordion-body{
    padding: 0px 40px 16px !important;
    text-align: start !important;
    border-top: unset !important;
}
/* Our Tools Accordion ends */

.output_result_box{
    border: 2px solid #D3DFFF;
    background: #E5ECFF;
    border-radius: 20px;
    padding: 43px 54px;
}

.api_accordion{
    --bs-accordion-btn-focus-box-shadow : unset !important;
    --bs-accordion-active-color : unset !important;
    --bs-accordion-border-width : unset !important;
    --bs-accordion-btn-bg : unset !important ;
}
.api_accordion .accordion-item{
    background: #F4F4F4;
    border-radius: 10px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-bottom: 15px !important;
  }
  .api_accordion .accordion-button{
    background: #F4F4F4 !important;
    color: #000000 !important;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 28px !important;
}
.api_accordion .accordion-button:is(.collapsed){
    background: #F4F4F4 !important;
    border-radius: 10px !important;
}
.api_accordion .accordion-button::after{
 background-image: url(../imgs/api-page/plus-icon.svg) !important;
 background-repeat: no-repeat;
 background-size: 19px;
}
.accordion-button:not(.collapsed){
    background-color: unset !important;
}
.api_accordion .accordion-button:not(.collapsed)::after {
 background-image: url(../imgs/api-page/minus-icon.svg) !important;
 background-repeat: no-repeat;
 background-size: 19px;
}
.api_accordion .accordion-body{
    padding: 20px 40px 25px 0px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    text-align: start !important;
    border-top: 1px solid #00000017 !important;
}
.api_btn_new{
    background-color: #415180;
    color: #ffffff!important;
    border-radius: 8px!important;
}



.api_btn_new:hover .api_span {
    transform: translate(4px, 0px) !important;
    transition: .2s ease-in-out;
}

.api_span {
    padding-left: 5px;
}

.show_image_in_desktop{
    display: block;
}

.abcclass{
    background: linear-gradient(91.42deg, #26A661 -12.37%, #DA8A11 32.53%, #F50101 95.83%) !important;
}

@media (max-width:576px){
    .add_block {
        display: none;
    }
    .show_image_in_desktop{
        display: none;
    }

    .detect_title{
font-size: 24px !important;

}
.detect_descCaption{
font-size: 14px !important;

}


}
.Humanize_now{
    background-color: #4D7AFF;
    color: white;
    border-radius: 20px;
    width: 95% !important;
}
.Humanize_now:hover{
    background-color: #4D7AFF;
    color: white;
}
.cursor-pointer {
    cursor: pointer;
}
.detect_title{
font-weight: 600;
font-size: 25px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;

}
.detect_descCaption{
font-weight: 400;
font-size: 16px;
text-align: center;

}

.plan-box {
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #E4E4E4;
    background-color: #F9F9F9;
    border-radius: 40px;
}
.plan-box.selected {
    border: 2px solid #0d6efd;
    background-color: #eaf4ff;
}
.threedaysplan{
      background-color: #eaf4ff;
      font-size: 14px;
      font-size: 14px;
    width: 87%;
    padding: 4px;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    margin: auto;


}
.bestdaysplan{
      background-color: #FE76071A;
      font-size: 14px;
      font-size: 14px;
    width: 87%;
    padding: 4px;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    margin: auto;


}
.plan-box input[type="radio"] {
    display: none;
}
.aiwordLimitsbtn{
    background-color: #FFD034;
    color: black;
    font-size: 18px;
    font-weight:600;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    border-radius: 20px !important;
}
.last_text_limits{
font-weight: 400;
font-size: 14px;
text-align: center;
color: #6c757d;

}

@media (min-width: 993px) and (max-width: 1199px) {
  .navbar .navbar-nav {
    background-color: #F8F8F8;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    padding: 20px;
    margin-top: 25px;
  }

  .navbar ul li {
    padding: 10px !important;
  }
  .user-profile {
    height: 40px;
    width: 71px;
    border-radius: 50%;
}

.navbar .nav-link {
    margin-right: 10px !important;
}

}

@media (min-width: 361px) and (max-width: 470px) {
    .owl-nav {
        /* position: absolute;
        right: 100px !important; */

        position: absolute;
        right: 0 !important;
        left: 50%;
        transform: translate(-50%, 0);
        text-align: center !important;
    }
}

/* Plagiarism Checker Start */
.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mb-80 {
    margin-bottom: 80px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-80 {
    padding-bottom: 80px;
}

.input-container {
    background-color: #ffffff;
    border-right: 2px solid #f7f7f7;
    border-radius: 1.25rem 1.25rem 0 0;
}

@media (max-width: 991px) {
    .input-container {
        border-right: unset !important;
    }
}

.plagiarism-section {
    height: 524px;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    background-color: white;
    border-radius: 16px;
    padding: 20px;
}

.plagiarism-content {
    background-color: #ffeeee;
    border-radius: 10px;
}

.plagiarism-content-footer {
    margin-top: 35px;
    overflow: hidden;
    word-break: break-word;
    flex-wrap: wrap;
}

.plagiarism-content-footer .custom-link {
    color: #1a1a1a;
    text-decoration: underline;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 40px;
    padding-left: 12px;
    max-width: 100%;
}

.plagiarism-content-footer span,
.plagiarism-content-footer a,
.plagiarism-content-footer button {
    border-radius: 10px !important;
}

.custom-link .link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.custom-link img {
    flex-shrink: 0;
}

@media (max-width: 576px) {
    .custom-link {
        max-width: 100%;
    }

    .custom-link .link-text {
        max-width: calc(100% - 24px);
        /* leave room for icon */
    }
}

.p-x20-y25 {
    padding: 25px 20px;
}

.rounded-25 {
    border-radius: 25px;
}

.br-10 {
    border-radius: 10px;
}

.br-12 {
    border-radius: 12px;
}

.p-x18-y20 {
    padding: 18px 20px;
}

.g-10 {
    gap: 10px;
}

.rephraser-content-container {
    background-color: #f9f9f9;
    border-radius: 16px;
    max-width: 1008px;
    width: 100%;

    padding: 30px 15px 30px 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e4e4e4;
}

.rephraser-content {
    overflow-y: auto;
}

.rephraser-content::-webkit-scrollbar {
    width: 16px;
}

.rephraser-content::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 10px;
}

.rephraser-content::-webkit-scrollbar-thumb {
    background: #c1bebe;
    border-radius: 10px;
    border: 3px solid #e8e8e8;
}

.rephraser-text {
    max-height: 560px;
    padding-right: 20px;

    font-size: 14px;
    line-height: 1.6;
}

.featuresShadow {
    box-shadow: 0px 0px 31.67px 0px #0000000f;
}
/* Plagiarism Checker End */