@import url('https://fonts.googleapis.com/css2?family=Pathway+Extreme:wght@300;400;500;600;800;900&family=Space+Grotesk:wght@300;400;600;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Space Grotesk", serif;
    color: #344051;
}

.red {
    color:#ff0000;
}

.green {
    color:#00ff00;
}

div.logo {
    background: url(../images/logo_ez_ai_2.svg);
    width: 199px;
    height: 68px;
    margin-left: 200px;
}

div.desktop_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*max-width: 1600px;*/
    margin: 0 auto;
    background: #ffffff;
    height: 70px;
    position: relative;
}

.sticky {
    top:0;
    position: fixed !important;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
    -moz-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
    box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
}

div.desktop_menu div.navigation {
    display: flex;
    justify-content: flex-end;
    margin-right: 200px;
}

div.desktop_menu div.navigation div {
    display: flex;
    align-items: center;
}

div.mobile_menu  div.navigation div a,
div.desktop_menu div.navigation div a {
    text-decoration: none;
    cursor: pointer;
}

a.active {
    color: #8828FF;
    font-weight: bold;
}

.button {
    padding: 10px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.generate,
.login {
    color: #344051;
    font-weight: bold;
    background: linear-gradient(180deg, #FFE700 0%, #FFD300 100%);
    border: 1px solid #344051;
}

.login a {
    color: #ffffff;
    text-decoration: none;
}



.generate {
    height: 50px;
    max-width: 480px;
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
}

.order_custom_essay {
    padding: 15px 50px;
    font-weight: bold;
    background: linear-gradient(180deg, #FFE700 0%, #FFD300 100%);
    border: 1px solid #344051;
    text-decoration: none;
}

.order_custom_essay:hover,
.generate:hover,
a.login:hover {
    background: #ffea32;
    color: #344051;
}


div.mobile_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    background: #ffffff;
    width: 100%;
    z-index: 1;
    /*top: 0;*/
    padding: 16px 0;
    -webkit-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
    -moz-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
    box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
}


@keyframes mobile_menu_slide {
    from { top: -100%; }
    to { top: 0; }
}

.hidden {
    top: -100%;
}

.visible {
    animation: mobile_menu_slide .3s;
    animation-timing-function: linear;
}

div.close_menu {
    position: absolute;
    top: -26px;
    left: 21px;
    font-size: 26px;
    cursor: pointer;
    color: #20184e;
}

div.navigation div a:hover {
    font-weight: bold;
}

div.mobile_menu div.navigation div {
    text-align: center;
    margin: 40px 0;
}





.center {
    text-align: center;
}

/* ACCORDION */

.accordion_body {
    margin: 25px 0;
}

.accordion_item {
    margin-bottom: 25px;
}

.accordion_item button h2 {
    margin-bottom: 0;
    line-height: inherit;
}

.accordion {
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    background: #F9F9FB;
    border-radius: 20px;
    padding: 19px 20px 14px;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
}

.panel p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 175%;
}

ul.list_type_1 {
    line-height: 200%;
    margin-left: 20px;
    font-size: 18px;
}

button.accordion:hover {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 18%);
    cursor: pointer;
    background-color: #FFEB3B;
    color: #5e3808;
}

.accordion {
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    background: #F9F9FB;
    border-radius: 7px;
    padding: 19px 20px 14px;
}

.accordion_item {
    margin-bottom: 25px;
}

.accordion.active {
    background-color: #FFEB3B;
    color: #5e3808;
}

.accordion:before {
    content: '\002B';
    color: #5e3808;
    font-weight: bold;
    float: left;
    font-size: 25px;
    padding-right: 15px;
    margin-top: -5px;
}

.accordion.active:before {
    content: "\2212";
    color: #5e3808;
    font-weight: bold;
    float: left;
    font-size: 25px;
    padding-right: 15px;
    margin-top: -5px;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion_item button, .accordion_item button h2 {
    font-family: var(--pathExt);
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    color: #20184E;
}

.accordion_item button h2 {
    margin-bottom: 0;
    line-height: inherit;
}

.panel p {
    margin: 0;
    padding: 20px 0;
    font-family: var(--pathExt);
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 175%;
}

/* ACCORDION */

div.content {
    /*max-width: 1600px;*/
    margin: 0 auto;
}

div.content ul,
div.content p {
    line-height: 200%;
    font-size: 18px;
}

div.form_block {
    background: #F5F5F5;
    min-height: 940px;
    position: relative;
}

div.form_block:before {
    content: ' ';
    background-image: url("../images/animals3.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 27%;
    background-position: center;
    opacity: 0.03;
}

form.generator_form {
    display: flex;
    max-width: 1160px;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    background: #fff;
    border-radius: 7px;
    padding: 50px 120px 20px 120px;
    justify-content: space-between;
    position: relative;
    -webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.27);
}

form.generator_form div {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

form.generator_form div select,
form.generator_form div textarea,
form.generator_form div input {
    width: 80%;
    height: 50px;
    border-radius: 0;
    padding: 0 20px;
    margin-top: 10px;
    appearance: none;
    /* border: 1px solid #494949; */
    border: none;
    border-bottom: 1px solid #dddddd;
}

form.generator_form div select:focus,
form.generator_form div textarea:focus,
form.generator_form div input:focus,
form.generator_form div textarea:focus {
    outline: none;
}

div.type_of_paper_block:after,
div.number_of_pages_block:after,
div.subject_area_block:after {
    content: ' ';
    width: 14px;
    height: 7px;
    background: url("../images/select-down-arrow.svg");
    position: absolute;
    right: 18px;
    top: 34px;
}


div.generate_button_block {
    width: 100% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

div.instructions_block {
    width: 100% !important;
}


div.instructions_block textarea {
    border-radius: 7px !important;
    min-height: 160px !important;
    padding: 15px 20px !important;
}

.great_header_1 {
    padding: 50px;
    font-size: 64px;
    text-transform: capitalize;
}

.great_header_2 {
    font-size: 48px;
    text-transform: capitalize;
    margin: 20px 0;
}

div.banner_block {
    max-width: 1160px;
    margin: 60px auto 50px auto;
}

div.banner_container {
    border-radius: 7px;
    background: #FFF8ED;
    height: 500px;
    position: relative;
}


.banner_image {
    /*background: url("../images/smart-girl-1.png");*/
    width: 561px;
    height: 543px;
    position: absolute;
    right: 23px;
    top: -43px;
}

div.banner_text {
    width: 600px;
    padding-left: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.banner_text h2 {
    font-size: 64px;
    color: #5e3808;
    text-transform: capitalize;
}
div.banner_text p {
    color: #5e3808;
    font-size: 18px;
    margin: 20px 0;
}

div.banner_buttons {
    margin-top: 45px;
}

div.banner_buttons a.try_free {
    color: #5e3808;
    font-weight: bold;
    margin: 0 40px;
    cursor: pointer;
    text-decoration: none;
}

div.banner_buttons a.try_free:hover {
    color: #89520d;
    font-weight: bold;
}

div.static_block,
div.faq_block {
    max-width: 1160px;
    margin: 0 auto;
}

div.static_block p {
    text-indent: 25px;
    margin-top: 10px;
}

div.footer {
    background: #FFF8ED;
    min-height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 50px;
}

div.footer p,
div.footer div div p,
div.footer div div p a {
    color: #5e3808;
    line-height: 250%;
    text-decoration: none;
}

div.footer div div p a:hover {
    text-decoration: underline;
}

p.copyright {
    text-align: center;
    margin: 15px 0 0 0;
}

div.footer div.sections {
    display: flex;
    justify-content: space-evenly;
}

.section_1 {
    max-width: 550px;
}

.section_2 {
    max-width: 300px;
}

.section_3 {
    max-width: 300px;
}

div.footer_logo {
    background: url("../images/logo_ez_ai_2.svg");
    height: 68px;
    width: 198px;
    margin-bottom: 16px;
}

div.footer div.sections div p.section_header {
    font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
    margin-top: 50px;
}

@media screen and (max-width: 1400px){
    div.desktop_menu div.navigation {
        margin-right: 20px;
    }
    div.logo {
        margin-left: 60px;
    }
}

div.burger_menu {
    background: url("../images/burger-menu.svg") no-repeat;
    height: 18px;
    width: 33px;
    display: none;
    position: absolute;
    left: 20px;
    cursor: pointer;
}

@media screen and (min-width: 1050px){
    div.mobile_menu {
        display: none;
    }
}


@media screen and (max-width: 1050px){
    div.desktop_menu div.navigation {
        display: none;
    }

    div.desktop_menu {
        top:0;
        justify-content: center;
        align-items: center;
        position: fixed;
        width: 100%;
        z-index: 1;
        -webkit-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
        -moz-box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
        box-shadow: 0 0 34px 0 rgba(0,0,0,0.38);
    }

    div.burger_menu {
        display: unset;
    }

    div.logo {
        margin-left: 0;
    }

    .content {
        padding: 70px 0 0 0;
    }

    div.btn {
        margin-top: 50px !important;
    }

    div.static_block {
        padding: 25px 10px 10px 10px;
    }
}


@media screen and (max-width: 1010px){
    .banner_image {
        display: none;
    }

    div.banner_container {
        display: flex;
        justify-content: center;
        height: 360px;
    }

    div.banner_text {
        padding-left: 0;
    }

    div.banner_text h2,
    div.banner_text p,
    div.banner_buttons {
        text-align: center;
    }

    div.footer div.sections {
        flex-direction: column;
    }

    div.footer div.sections {
        align-items: center;
    }

    div.footer_logo {
        margin: 25px auto;
    }

    div.footer p,
    div.footer div div p,
    div.footer div div p a {
        text-align: center;
    }

    div.footer {
        padding: 30px;
    }

    p.copyright {
        text-align: center;
        margin: 30px 0 90px 0;
    }
}


@media screen and (max-width: 1156px){
    form.generator_form {
        flex-direction: column;
    }

    form.generator_form div {
        width: 100%;
    }

    form.generator_form {
        max-width: 700px;
    }

    div.form_block {
        min-height: 1100px;
    }

    form.generator_form div select,
    form.generator_form div textarea,
    form.generator_form div input {
        width: 100%;
    }

    form.generator_form div {
        flex-direction: column;
        align-items: unset;
    }

    div.type_of_paper_block:after,
    div.number_of_pages_block:after,
    div.subject_area_block:after {
        top: 55px;
    }
}

@media screen and (max-width: 1300px){
    .banner_block {
        padding: 0 25px;
    }

    .faq_block {
        padding: 0 25px;
    }

    p.copyright {
        margin: 30px 0 30px 0;
    }
}


@media screen and (max-width: 700px){
    div.banner_text h2 {
        font-size: 32px;
    }

    form.generator_form {
        padding: 15px;
    }

    div.banner_buttons a.try_free {
        display: none;
    }
}

.header_1 { font-size: 36px; }
.header_2 { font-size: 24px; }
.header_3 { font-size: 18px; }

.static_block ul,
.static_block p {
    margin-bottom: 20px;
}

/* POPUPS */

.popup_hidden { display: none !important; }

div.popup_container {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #00000070;
    z-index: 1;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
}

div.generate_popup,
div.login_popup,
div.register_popup {
    max-width: 500px;
    width: 95%;
}

div.generate_popup {
    max-width: 700px;
}

div.login_popup {

}

form.popup_form {
    display: flex;
    background-color: #FFF8ED;
    border-radius: 7px;
    padding: 20px 50px 40px 50px;
    flex-direction: column;
    position: relative;

}

.stop_generate_popup .popup_form {
    padding: 20px 50px 30px 50px;
}

div.phone_block,
div.password_block,
div.email_block {
    max-width: 450px;
    margin-bottom: 20px;
    position: relative;
}

div.verification_popup form div input,
div.phone_block input,
div.password_block input,
div.email_block input {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    padding: 0 20px;
    margin-top: 10px;
    appearance: none;
    border: 1px solid #494949;
    overflow: hidden;
    outline: none;
}

div.popup_button_block {
    width: 100% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.popup_action {
    height: 50px;
    width: 100%;
    font-size: 16px;
    margin-top: 16px;
    color: #344051;
    font-weight: bold;
    background: linear-gradient(180deg, #FFE700 0%, #FFD300 100%);
    border: 1px solid #344051;
}

.popup_action:hover {
    background: #FFE700;
}

.popup_form p {
    color: #666666;
    margin: 10px 0;
}

div.close_popup {
    position: absolute;
    cursor: pointer;
    right: 25px;
}

div.close_popup:hover {
    color: red;
    font-weight: bold;
}

.popup_form h2 a {
    color: #795548;
    text-decoration: underline;
    cursor: pointer;
}

.popup_form h2 a:hover {
    color: #573b31;
    font-weight: bold;
}

.bar_wrapper {
    /*color: #000!important;*/
    color: #f1f1f1!important;
    background-color: #f1f1f1!important;
}

.bar_container {
    height: 48px;
    padding: 0;
    background: linear-gradient(98deg, #FFC107 2.59%, #FFEB3B 36.08%, #FFEB3B 57.89%, #FF9800 100%);
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0.4;
}

div.percentage {
    margin: 0 auto 40px auto;
    font-size: 50px;
    font-weight: bold;
    color: #d3acfe;
}

ul.custom_paper_list {
    max-width: 500px;
    margin: 30px auto 10px auto;
    list-style-type: none;
    /*padding-left: 100px;*/
}

ul.custom_paper_list li {
    line-height: 40px;
    font-size: 20px;
    position: relative;
}

ul.custom_paper_list li:before {
    content: url('../images/lamp2.svg');
    position: absolute;
    left: -25px;
    top: 7px;
}

span.focus {
    font-weight: bold;
}

.generate_popup .header_1 {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5e3808;
}

.generate_popup .header_2 {
    margin: 20px 0;
}

@media screen and (max-width: 650px) {
    ul.custom_paper_list {
        padding-left: 10px;
    }
    div.form_block {
        min-height: 950px;
    }
}

@media screen and (max-width: 467px) {
    .bar_container {
        height: 96px;
    }
    .generate_popup .header_1 {
        flex-direction: column;
    }

    .stop_generate_popup .popup_button_block {
        flex-direction: column;
    }

    .stop_generate_popup .popup_form .popup_action {
        width: unset;
    }

    a.cancel {
        margin-right: 0 !important;
    }
}

div#percentage {
    width: 100px;
    color: #5e3808;
}

div.stop_generate_popup {
    max-width: 500px;
    width: 90%;
}

a.cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e7e7e7;
    color: #939393;
    margin-right: 20px;
}

a.cancel:hover {
    background: #ff8787;
    color: #ffffff;
}

.simple_generate_popup {
    max-width: 500px;
    width: 90%;
}

.simple_generate_popup .popup_form {
    padding: 20px 50px;
}

.generate_popup .header_wrapper {
    height: 130px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.generate_popup .popup_form .header_wrapper h2 #progress_dots,
.generate_popup .popup_form .header_wrapper h2 {
    color: #5e3808 !important;
}

/* POPUPS */

@media screen and (max-width: 650px) {
    .form_block h3.great_header_1 {
        font-size: 42px;
        padding: 25px;
    }
}

.testhash {
    border: none;
    padding: 5px 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100px;
    background: #9d0000;
    color: #fff;
    font-weight: bold;
    outline: none;
}

div.accept_terms_block {
    text-align: center;
    margin: 0 auto;
    display: block !important;
}

div.accept_terms_block p {
    font-size: 13px
}

.social_block {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.social_block div {
    width: 42px;
    height: 42px;
    border-radius: 200px;
    background-position: -2px -3px;
    margin-left: 5px;
}

.social_block div:hover {
    -webkit-box-shadow: 0 0 9px 0 rgba(255,255,255,1);
    -moz-box-shadow: 0 0 9px 0 rgba(255,255,255,1);
    box-shadow: 0 0 9px 0 rgba(255,255,255,1);
}

.social_block div.facebook { background-image: url('../images/met_facebook.svg'); }
.social_block div.instagram { background-image: url('../images/met_istagram.svg'); }
.social_block div.x { background-image: url('../images/met_x.svg'); }
.social_block div.linkedin { background-image: url('../images/met_linkedin.svg'); }

#canvasloader_container {
    overflow:visible;
    position:fixed;
    top:50%;
    left:50%;
    z-index:100000
}

/*<HINT>*/
.real-hint {
    background-color: #eff2f3;
    border: 1px solid #d8d4d4;
    border-radius: 10px;
    display: none;
    padding: 10px 10px;
    position: absolute;
    width: 250px;
    z-index: 99;
}

.real-hint .hint-caption {
    font-family: Arial;
    font-weight: 100;
    font-size:16px;
    text-transform: uppercase;
}

.real-hint .prm-cross {
    cursor: pointer;
    float: right;
    height: 18px;
    width: 18px;
    z-index: 101;
}
.real-hint .prm-cross:hover {
    opacity:0.5;
}
.real-hint .prm-cross:before,
.real-hint .prm-cross:after {
    content:'';
    display:block;
    position:absolute;
    width:20px;
    height:2px;
    border:1px solid #403030;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top: 7px;
    left: -2px;
}
.real-hint .prm-cross:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.real-hint .prm-cross:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.real-show-hint {
    cursor: pointer;
    border-bottom: dashed 1px;
    color: #8c0000;
}
/*</HINT>*/


/*<SystemPopup>*/
.jsconfirmblock_wrapper,.jqconfirmblock_wrapper {
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(255,255,255,0.7);
    top:0;
    left:0;
    z-index:10001
}

.jsconfirmblock,.jqconfirmblock {
    display:block;
    width:280px;
    min-width:280px;
    min-height:50px;
    margin:auto;
    padding:30px 20px 20px 20px;
    position:fixed;
    left:0;
    right:0;
    top:30%;
    background-color:#fff;
    box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
    -webkit-box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
    -moz-box-shadow:0px 0px 24px 0.00px rgba(0,0,0,0.21);
    border:1px solid #d9dddf;
    border-radius:1px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    z-index:999999
}

@media screen and (max-height:750px) {
    .jsconfirmblock,.jqconfirmblock {
        top:10%
    }

    .generate_popup form.popup_form:before {
        background-image: unset;
    }
}

@media screen and (max-height:510px) {
    .jsconfirmblock,.jqconfirmblock {
        top:0
    }


}

.js_cfb_wide {
    display:block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.jsconfirmblock .jsconfirmblockclose,.jqconfirmblock .jqconfirmblockclose {
    display:block;
    width:25px;
    height:25px;
    position:absolute;
    right:1px;
    top:1px;
    cursor:pointer;
    z-index:10003;
    /* background-image:url(../images/sprite.svg); */
    background-repeat:repeat-x;
    background-position:-211px -70px
}

.jsconfirmblock .jsconfirmblockclose.jscbcdal,.jqconfirmblock .jqconfirmblockclose.jscbcdal {
    right:20px;
    top:20px
}

.jsconfirmblock .jsconfirmblockclose:hover,.jqconfirmblock .jqconfirmblockclose:hover {
    opacity:0.7
}

.jsconfirmblock .jsconfirmblockmsg,.jqconfirmblock .jqconfirmblockmsg {
    text-align:center;
    font-family:PTSansRegular;
    font-size:23px;
    font-weight:400;
    color:#484e51
}

.jsconfirmblock .jsconfirmblockmsg h3,.jqconfirmblock .jqconfirmblockmsg h3 {
    text-align:center;
    font-size:1.7em
}

.jsconfirmblock .jsconfirmblockbuttons,.jqconfirmblock .jsconfirmblockbuttons,.jsconfirmblock .jqconfirmblockcontrols,.jqconfirmblock .jqconfirmblockcontrols {
    display:block;
    width:100%;
    height:55px;
    padding:20px 0 5px 0;
    cursor:auto;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    text-transform:inherit;
    text-align:center
}

.jsconfirmblock .yes-btn,.jsconfirmblock .no-btn,.jsconfirmblock .ok-btn,.jqconfirmblock .yes-btn,.jqconfirmblock .no-btn,.jqconfirmblock .ok-btn {
    text-align:center;
    display:inline-block;
    min-width:90px;
    padding:10px 10px 10px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    line-height:1;
    background-color:#e33100;
    border:none;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    position:relative;
    cursor:pointer;
    font-family:PTMonoRegular;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1px
}

.jsconfirmblock .yes-btn,.jqconfirmblock .yes-btn,.jsconfirmblock .ok-btn,.jqconfirmblock .ok-btn {
    background-color:#94c45b
}

.jsconfirmblock .yes-btn:hover,.jqconfirmblock .yes-btn:hover,.jsconfirmblock .ok-btn:hover,.jqconfirmblock .ok-btn:hover {
    background-color:#7fa453
}

.jsconfirmblock .yes-btn:active,.jqconfirmblock .yes-btn:active,.jsconfirmblock .ok-btn:active,.jqconfirmblock .ok-btn:active {
    margin-top:0;
    background-color:#94c45b
}

.jsconfirmblock .yes-btn,.jqconfirmblock .yes-btn {
    float:left
}

.jsconfirmblock .ok-btn,.jqconfirmblock .ok-btn {
    float:none;
    margin:0 auto
}

.jsconfirmblock .no-btn,.jqconfirmblock .no-btn {
    background-color:#f72d53;
    float:right
}

.jsconfirmblock .no-btn:hover,.jqconfirmblock .no-btn:hover {
    background-color:#be2a46
}

.verification_popup form p {
    text-align: center;
    color: #344051;
    font-size: 20px;
}

.verification_popup form div button {
    background: #8828FF;
    color: #ffffff;
    font-weight: bold;
    border: none;
    height: 50px;
    width: 270px;
    font-size: 16px;
    margin-top: 16px;
    border-radius: 100px;
    cursor: pointer;
}

.verification_popup form div {
    display: flex;
    justify-content: center;
}

.verification_popup form div button:hover {
    background: #6f1ed3;
}

/*</SystemPopup>*/

/* feedback */


.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
    margin: 15px 0 20px 0;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

input#rating-1:checked ~ label,
input#rating-2:checked ~ label
{
    background-image: url('data:image/svg+xml,<svg width="127" height="121" viewBox="0 0 127 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M121.215 41.212L86.316 37.912C84.116 37.712 82.215 36.312 81.316 34.212L68.816 3.91199C66.816 -1.08801 59.715 -1.08801 57.715 3.91199L45.315 34.212C44.515 36.312 42.515 37.712 40.315 37.912L5.41504 41.212C0.215042 41.712 -1.88496 48.212 2.01504 51.712L28.315 74.812C30.015 76.312 30.715 78.512 30.215 80.712L22.315 113.111C21.115 118.212 26.615 122.411 31.215 119.712L60.315 102.611C62.215 101.511 64.515 101.511 66.415 102.611L95.516 119.712C100.116 122.411 105.616 118.312 104.415 113.111L96.615 80.712C96.115 78.512 96.815 76.312 98.515 74.812L124.815 51.712C128.615 48.212 126.415 41.712 121.215 41.212Z" fill="%23FF4E4E"/></svg>')
}

.feedback {
    background-color: #fff8ed;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.btn {
    align-items: center;
    justify-content: center;
    border: none;
    min-width: 200px;
    padding: 12px;
    margin: 10px;
    border-radius: 7px;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

div.restart {
    background: #F1F1F1;
    color: #8D8D8D;
    margin: 0 0 10px 0 !important;
}

div.restart:hover {
    background: #eeeeee;
}

div.submit {
    background: #8828FF;
    color: #344051;
    font-weight: bold;
    background: linear-gradient(180deg, #FFE700 0%, #FFD300 100%);
    border: 1px solid #344051;
    text-align: center;
    border-radius: 7px;
    margin: 0 0 10px 0 !important;
}

div.submit:hover {
    background: #FFE700;
}

.feedback .close {
    position: absolute;
    right: 17px;
    top: 10px;
    color: #bbbbbb;
    cursor: pointer;
}

.feedback .close:hover {
    color: red;
    font-weight: bold;
}

.feedback h2 {
    font-size: 36px;
    margin: 15px 0 0 0;
    color: #5e3808;
}

.sur-images {
    margin-top: 20px;
}

h2.try-again {
    margin-bottom: 10px;
    color: #5e3808;
    font-size: 30px !important;
    text-align: center;
}

p.try-again-custom-promo {
    font-size: 30px;
    text-align: center;
    line-height: 40px;
}

@media screen and (max-width: 540px) {
    p.try-again-custom-promo {
        font-size: 30px !important;
        line-height: 2em !important;
    }
}

.feedback-container {
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 99999;*/
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    /*background: #000000ad;*/
}


@media screen and (max-width: 1600px) {
    .feedback h2 {
        text-align: center;
        font-size: 45px;
    }
}

@media screen and (max-width: 540px) {
    .feedback {
        position: fixed;
        top: 15%;
        left: unset;
        transform: unset;
        width: 100%;
    }

    .feedback .buttons {
        display: flex;
        flex-direction: column-reverse;
    }
}

div.bad-review {
    max-width: 430px;
}

.feedback-container .feedback  form {
    padding: 20px 50px 10px 50px !important;
}

/* feedback */

.jqconfirmblockclose:before {
    content: '❌';
}

.error {
    border: 1px solid red !important;
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #EEEEEE;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
}

@media screen and (max-width: 540px) {
    .accordion:before {
        display: none;
    }

    .accordion_item button,
    .accordion_item button h2 {
        text-align: center;
    }

    .accordion {
        padding: 14px 20px 14px;
    }
}

.action_button_block {
    display: flex;
    justify-content: center;
    margin-top: 45px;
}

.action_button_block a .action_button {
    background: #8828FF;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 50px;
    border-radius: 100px;
    cursor: pointer;
    max-width: 480px;
    text-align: center;
}

.action_button_block a .action_button:hover {
    background: #6f1ed3;
}

.action_button_block a, .action_button_block a:hover {
    text-decoration: none;
}

form#verification_form .hint {
    font-size: 15px;
    max-width: 300px;
    color: #6f6f6f;
}

.feedback form.popup_form:before {
    content: unset !important;
}

textarea#instructions {
    width: 100%;
    border: 1px solid #494949
}

.number_of_pages_block label,
.subject_area_block label,
.type_of_paper_block label,
.topic_block label {
    text-transform: uppercase;
}

span.required {
    color: green;
}