/* menu begin */

@import url('https://fonts.googleapis.com/css2?family=Pathway+Extreme:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overscroll-behavior: none;
}

:root {
    --menu-width: 250px;
    --main-font: 'Pathway Extreme', sans-serif;
    --black: #111;
    --grey: #eeeff2;
    --grey-light: #F9F9FB;
    --grey-dark: #c8c8c8;
    --grey-darkest: #959595;
    --grey-46: #464646;
    --grey-8: #888888;
    --white: #fff;
    --purple: #6C54FF;
    --purple-light: #846fff;
    --purple-dark: #5643cd;
    --almost-white: #DEE4EE;
    --gradient-purple-blue-magenta: linear-gradient(273deg, #6951FF 2.71%, #3C8FEE 49.01%, #B621FE 95.31%) !important;
    --gradient-purple-blue-magenta-2: linear-gradient(273deg, #826eff 2.71%, #57a1f6 49.01%, #c145ff 95.31%) !important;
    --grey-bg: #F5F7FA;
    --black-t1: #000000c7;
}

a {
    text-decoration: none;
}

.mainContainer {
    font-family: var(--main-font), serif;
    display: flex;
    position: relative;
    min-height: 800px;
}

.menu {
    width: var(--menu-width);
    background: var(--black);
    padding: 20px;
    z-index: 1;
    font-size: 14px;
    font-weight: 200;
}

.fixed {
    position: fixed;
    width: 210px;
}

.menu .logo {
    background: url("/templates/img/logo_2.svg") no-repeat;
    height: 41px;
    background-size: 100%;
    margin-bottom: 30px;
}

.menu a {
    color: var(--grey-darkest);
}

.menu span {
    /*color: var(--grey-darkest);*/
    color: var(--almost-white);
}

.menu .item {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 6px;
    position: relative;
    border-radius: 10px;
    padding: 11px;
}

.menu .item:hover {
    background: #1C2434;
}

.menu .item:hover span {
    /*color: var(--white);*/
}

.menu .icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url("/templates/img/menu_icons_2.svg");
}

.menu .button {
    display: flex;
    justify-content: flex-start;
    /*padding: 12px;*/
    padding: 11px;
    /*margin-top: 20px;*/
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid var(--purple);
}

.menu .button:hover {
    border-color: var(--white);
    /*box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);*/
}

.menu .button span {
    color: var(--white);
    margin-left: 26px;
}

.menu .button .icon {
    position: absolute;
    left: 10px;
}

.i0 {
    background: var(--gradient-purple-blue-magenta) !important;
    /*border: 1px solid var(--white) !important;*/
    border: none !important;
    margin-bottom: 30px !important;
    font-weight: 400;
}

.i0:hover {
    background: var(--gradient-purple-blue-magenta-2) !important;
}

/*.i0 .icon { background-position: -137px -23px; }*/

/*.i1 .icon { background-position: 0 0; }*/
/*.i1:hover .icon { background-position: -23px 0 !important; }*/

/*.i2 .icon { background-position: 1px 18px; }*/
/*.i2:hover .icon { background-position: -22px 18px !important }*/

/*.i3 .icon { background-position: -46px 0; }*/
/*.i3:hover .icon { background-position: -69px 0 !important }*/

/*.i4 .icon { background-position: -46px -23px; }*/
/*.i4:hover .icon { background-position: -69px -23px !important }*/

/*.i5 .icon { background-position: -138px 0; }*/
/*.i5:hover .icon { background-position: -161px 0 !important }*/

/*.i6 .icon { background-position: -91px 0; }*/
/*.i6:hover .icon { background-position: -114px 0 !important }*/

/*.i7 .icon { background-position: 19px 0; }*/
/*.i8 .icon { background-position: -91px -23px; }*/
/*.i9 .icon, .i10 .icon { background-position: -114px -23px; }*/

.i0 .icon { background-position: -137px -23px; }

.i1 .icon { background-position: -23px 0; }
.i2 .icon { background-position: -23px 49px; }
.i3 .icon { background-position: -69px 0; }
.i4 .icon { background-position: -69px -23px; }
.i5 .icon { background-position: -161px 0; }
.i6 .icon { background-position: -114px 0; }
.i7 .icon { background-position: 19px 0; }
.i8 .icon { background-position: -91px -23px; }
.i9 .icon, .i10 .icon { background-position: -114px -23px; }



.i7 {
    background: var(--purple) !important;
}
.menuControl {
    display: none;
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 3;
    background: var(--black);
}

.menuControl .icon {
    width: 18px;
    height: 20px;
    background-image: url("/templates/img/menu_icons_2.svg");
    background-position: 88px -21px;
    position: absolute;
    top: 20px;
    left: 22px;
    cursor: pointer;
}

.menuControl .icon:hover {
    /*background-position: 65px -21px;*/
    opacity: 0.7;
}

.content {
    background: var(--grey-bg);
    width: calc(100% - var(--menu-width));
    user-select: unset !important;
}

.page {
}

.page h1 {
    font-family: var(--main-font), sans-serif;
    font-weight: bold;
    color: var(--black);
    font-size: 24px;
    margin-bottom: 20px;
}

.substrate {
    background: var(--white);
    border-radius: 20px;
    padding: 0;
    position: relative;
}

.footer {
    display: flex;
    padding: 20px;
    background: var(--grey-light);
    justify-content: center;
}

.footer .block {
    width: var(--menu-width);
}

.footer .block .name {
    font-family: var(--main-font), sans-serif;
    font-weight: bold;
    color: var(--purple);
    font-size: 20px;
    margin-bottom: 10px;
}

.footer a {
    color: var(--black);
}

.footer a:hover {
    color: var(--purple);
    text-decoration: underline;
}

.footer .item {
    margin-bottom: 10px;
}

.block .social {
    display: flex;
    margin-bottom: 10px;
}

.footer .soc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.block .social .item {
    background-color: var(--purple);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin: 0 5px 0 0;
    background-image: url("/templates/img/social_icons_1.svg");
    background-repeat: no-repeat;
}

.block .social .item:hover {
    background-color: var(--purple-dark);
}

.social .instagram { background-position: 10px 8px !important; }
.social .facebook { background-position: -24px 8px !important; }
.social .twitter { background-position: -55px 9px !important; }
.social .linkedin { background-position: -90px 7px !important; }
.social .youtube { background-position: -161px 7px !important; }

@media screen and (max-width: 1000px) {
    .menuControl {
        display: block;
    }

    .menu {
        position: fixed;
        height: 100%;
        left: calc(-1 * var(--menu-width));
        transition: left linear 0.2s;
        padding: 60px 20px 20px 20px;
    }

    .open {
        left: 0 !important;
        z-index: 2;
    }

    .content {
        width: 100%;
    }

    .footer {
        flex-direction: column;
    }

    .footer .block {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .close {
        background-position: -229px -22px !important;
    }

    .close:hover {
        /*background-position: 19px 20px !important;*/
    }

    .page {
        padding: 70px 20px 20px 20px;
    }
}

.menu .hint {
    position: absolute;
    z-index: 1;
    background: var(--white);
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.23);
    width: 100%;
    display: none;
    line-height: 170%;
}

.menu .hint ul {
    list-style: none;
    padding: 0;
}

.h0 {
    top: 48px !important;
    color: var(--black);
}

.h0 p {
    font-weight: bold;
    margin-bottom: 5px;
}

.menu .i0:hover .hint {
    display: block;
}

.h7 {
    top: -73px !important;
    color: var(--black);
}

.menu .i7:hover .hint {
    display: block;
}

.prePage {
    display: flex;
}

.sideBlock {
    width: 300px;
    height: 300px;
    background: red;
    display: none;
    margin-top: 60px;
    position: fixed;
    right: 4%;
}

@media screen and (min-width: 1300px) {
    .prePage .page {
        max-width: 72%;
    }
    .sideBlock {
        display: block;
    }
}


.usesRemaining {
    margin-bottom: 15px;
}
.usesRemaining .text {
    display: flex;
    justify-content: space-between;
}
.usesRemaining .text span {
    color: var(--grey-8);
}
.usesRemaining .bar {
    background: var(--grey-46);
    height: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.usesRemaining .inner {
    background: var(--purple);
    height: 100%;
    border-radius: 5px;
    width: 50%;
}

.menuSeparator {
    height: 30px;
}

.h0 .topArrow {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--white);
}

.h7 .bottomArrow {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--white);
}


.topMenu {
    height: 60px;
    position: fixed;
    background: #fff;
    width: calc(100% - var(--menu-width));
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: var(--menu-width);
    font-size: 14px;
    top: 0;
    z-index: 3;
    font-family: var(--main-font), serif;
    padding: 0 80px;
}

.topMenu .leftSide {
    width: 300px;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.topMenu .leftSide span {
    cursor: pointer;
    color: var(--black);
    font-weight: 300;
}

.topMenu .leftSide span:hover {
    text-decoration: underline;
}

.topMenu .leftSide .purple {
    color: var(--purple);
    font-weight: 300;
}

.topMenu .rightSide {
    display: flex;
    align-items: center;
}

.page {
    margin: 0 auto;
    display: flex;
}

.topMenu .rightSide .exclamation {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-light);
    cursor: pointer;
}

.topMenu .rightSide .exclamation:hover {
    background-color: var(--grey);
}

.topMenu .rightSide .exclamation .mark {
    width: 22px;
    height: 22px;
    background-image: url("/templates/img/menu_icons_2.svg");
    background-repeat: no-repeat;
    background-position: -1px -44px;
}

.topMenu .rightSide .userBlock {

}

.userBlock .profile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.userBlock .profile .avatar {
    width: 40px;
    height: 40px;
    background-color: #F9F5FF;
    border-radius: 100px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile .avatar .default {
    background-image: url("/templates/img/menu_icons_2.svg");
    background-repeat: no-repeat;
    background-position: -26px -45px;
    width: 20px;
    height: 20px;
}

.profile .avatar .userPic {
    background-image: url("/templates/img/userPic2.svg");
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.userBlock .profile .name {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.userBlock .profile .name span {
    margin-right: 10px;
    color: var(--black);
    font-weight: 500;
}

.userBlock .profile .name span:hover {
    text-decoration: underline;
}

.profile .name .dropDownControl {
    width: 7px;
    height: 4px;
    background-image: url("/templates/img/menu_icons_2.svg");
    background-repeat: no-repeat;
    background-position: -50px -47px;
}

.subMenu {
    position: absolute;
    right: 40px;
    top: 50px;
    padding: 5px 14px;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
    background: #fff;
    font-family: var(--main-font), serif;
}

.subMenu .subItem {
    display: flex;
    align-items: center;
    width: 200px;
    color: #404040;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.subMenu a:last-child .subItem {
    border-bottom: none;
}

.subMenu a:hover span {
    text-decoration: underline;
}

.subMenu a span {
    color: var(--black);
    font-weight: 300;
    display: block;
}

.subItem .subIcon {
    width: 20px;
    height: 20px;
    background-image: url("/templates/img/menu_icons_3.svg");
    background-repeat: no-repeat;
    margin-right: 10px;
}

.si0 .subIcon { background-position: 0 0; }
.si1 .subIcon { background-position: -27px 0; }
.si2 .subIcon { background-position: -83px 0; }
.si3 .subIcon { background-position: 0 0; }
.si4 .subIcon { background-position: -55px 0; }
.si5 .subIcon { background-position: -27px 0; }
.si6 .subIcon { background-position: -83px 0; }
.si7 .subIcon { background-position: -109px 0; }

@media screen and (max-width: 1000px) {
    .userBlock .profile .name span,
    .topMenu .leftSide,
    .topMenu .rightSide .exclamation,
    .menu .topMenu {
        display: none;
    }
    .page {
        padding: 80px 0 0 0;
    }
    .topMenu {
        left: unset;
        right: 0;
        background: unset;
        z-index: 4;
        width: 0;
    }
    .menuControl .userBlock {
        position: fixed;
        width: 60px;
        right: 16px;
        top: 10px;
    }
    .menuControl .subMenu .icon {
        position: unset;
    }
    .menuControl .subMenu {
        right: 0;
        top: 43px;
    }
    .menu .logo {
        display: none;
    }
    .profile .name .dropDownControl {
        background-position: -50px -58px;
    }
    .topMenu .rightSide {
        margin-right: 20px;
    }
    .subMenu {
        right: 10px;
    }
}

.menuControl .logo {
    background: url("/templates/img/logo_2.svg") no-repeat;
    width: 136px;
    height: 27px;
    background-size: 100%;
    position: absolute;
    top: 18px;
    left: 47%;
    transform: translateX(-50%);
    transition: linear 0.2s;
}

.menuControl .logo.menuOpen {
    left: 126px !important;
}

.menuControl .subMenu,
.topMenu .subMenu {
    display: none;
}

.subMenuOpen {
    display: block !important;
}

.menuControl .userPic {
    cursor: pointer;
}

.topMenu .userPic:hover {
    opacity: 0.7;
}

.shadow {
    -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.27);
}

.avatar {
    cursor: pointer;
}

.avatar:hover {
    background-color: var(--grey) !important;
}

/* menu end */

/* samples begin */

.search {
    margin-bottom: 16px;
}

.search form {
    position: relative;
    margin-bottom: 16px;
}

.search form input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid var(--grey-darkest);
    border-radius: 10px;
    font-family: var(--main-font), serif;
}

.search form button {
    position: absolute;
    right: 14px;
    top: 15px;
    border: none;
    background-color: unset;
    background-image: url("/templates/img/menu_icons_2.svg");
    height: 19px;
    width: 20px;
    background-position: -160px -95px;
    cursor: pointer;
}

.search form button:hover {
    opacity: 0.5;
}

.search .block {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
}

.search .block .counter {
    font-size: 14px;
    color: var(--grey-darkest);
}

.search .block .promo {
    font-size: 14px;
    color: var(--purple);
}

.search .block .promo a {
    color: unset;
}

.search .block .promo a:hover {
    text-decoration: underline;
}

.results {
}

.results .item {
    border-bottom: 1px solid;
    border-color: var(--grey-dark);
    padding-bottom: 16px;
    margin-bottom: 32px;
}

.results .item .title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.results .item .title .icon {
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url("/templates/img/doc_1.svg");
    background-size: 27px;
    margin-right: 10px;
}

.results .item .title .text {
    color: var(--black);
    font-size: 18px;
    font-weight: bold;
}

.results .item .title .text:hover {
    text-decoration: underline;
}

.results .item .title .text a {
    color: unset;
}

.results .item .description {
    color: var(--grey-darkest);
    font-size: 14px;
    margin-bottom: 10px;
}

.results .item .description span {
    font-weight: bold;
}

.results .item .tags {
}

.results .item .tags a {
    color: #295396;
}

.results .item .tags a:hover {
    text-decoration: underline;
}

.pages {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.pages a {
    color: #295396;
    margin: 0 10px;
}

.pages a:hover {
    text-decoration: underline;
}

.subjects {
    display: flex;
    font-size: 11px;
    text-transform: uppercase;
    background: #F5F6FF;
    padding: 20px 25px;
    margin-bottom: 22px;
    line-height: 250%;
    border-radius: 10px;
    justify-content: center;
}

.subjects ul {
    list-style: none;
    /*columns: 4;*/
    columns: 3;
    width: 100%;
}

.subjects ul li {
}

.subjects ul li.active {
    color: var(--purple);
    text-decoration: underline;
}

.subjects ul li a {
    color: unset;
    white-space: nowrap;
    font-weight: 400;
}

.subjects ul li a:hover {
    text-decoration: underline;
    color: var(--purple);
}

.pages .left a, .pages .right a {
    margin: 0;
}

@media (max-width: 1300px) {
    .subjects ul {
        columns: 3;
    }
}

@media (max-width: 1000px) {
    .subjects {
        flex-wrap: wrap;
    }
}

@media (max-width: 730px) {
    .subjects ul {
        width: 100%;
    }
    .subjects ul li {
        text-align: center;
    }
    .search .block {
        display: flex;
        flex-direction: column;
    }
    .pages .left, .pages .right,
    .results .item .title .icon {
        display: none;
    }
    .pages {
        justify-content: center;
    }
    .subjects ul {
        columns: 1;
    }
}

.substrate {
    padding: 30px !important;
}

.pagination {
    list-style: none;
    display: flex;
}

.pagination .active {
    margin: 0 7px;
    text-decoration: underline;
    font-weight: bold;
    color: var(--purple);
}

/* samples end */

/* ad begin */

.a2Block,
.a1Block {
    width: 300px;
    height: 250px;
    position: fixed;
    top: 20px;
    background-image: url('/templates/images/ad1.png');
}
.a2Block {
    background-image: url('/templates/images/ad3.png');
    top: 290px;
}

@media screen and (max-width: 1350px) {
    .a2Block,
    .a1Block {
        display: none;
    }
    .page {
        justify-content: center;
    }
}

/* ad end */

.wrapper {
    max-width: 770px;
}

.aBlocks {
    margin-left: 10px;
}

@media screen and (max-width: 1000px) {
    .page {
        display: block !important;
    }
    .wrapper {
        max-width: unset;
    }
}


#login_block {
    width: 530px;
}
.signup_link_page {
    text-align:center
}

.loginRegisterBlock {
    padding: 25px 50px;
    background: #fff;
    border-radius: 15px;
}

.loginRegisterBlock .header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.loginRegisterBlock .header p {
    color: #64748B;
}

.loginRegisterBlock .header h2 {
    font-size: 33px;
}

.loginRegisterBlock .header h2 a {
    color: #6c54ff;
}

.loginRegisterBlock .header h2 a:hover {
    text-decoration: underline;
}

.loginRegisterBlock .inputData {
    display: flex;
    flex-direction: column;
}

.loginRegisterBlock .inputData label {
    margin-bottom: 10px;
}

.loginRegisterBlock .inputData input {
    padding: 15px 20px;
    font-family: var(--main-font), serif;
    border: 1px solid #DFEAF2;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px;
    user-select: none;
    position: relative;
    z-index: unset;
    outline: none;
}

.loginRegisterBlock .inputData input:focus {
    border: 1px solid var(--purple);
}

.loginRegisterBlock .inputData .inputPassword,
.loginRegisterBlock .inputData .inputEmail {
    position: relative;
}

.loginRegisterBlock .inputData .inputPhone .icon,
.loginRegisterBlock .inputData .inputPassword .icon,
.loginRegisterBlock .inputData .inputEmail .icon {
    content: ' ';
    position: absolute;
    top: 16px;
    right: 20px;
    height: 24px;
    width: 24px;
    background-image: url('/templates/img/login_reg_icons.svg');
    opacity: 0.5;
    cursor: pointer;
}

.loginRegisterBlock .inputData .inputPassword .icon {
    background-position: -71px -8px !important;
}

.loginRegisterBlock .inputData .inputEmail .icon {
    background-position: -4px -8px !important;
}

.loginRegisterBlock .inputData i {
}

.loginRegisterBlock p {
}

.loginRegisterBlock .submit p a {
    font-size: 12px;
    color: var(--purple);
}

#createAccountModel .google_auth,
.loginRegisterBlock .google_auth,
.loginRegisterBlock button {
    background: #3056D3;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    justify-content: center;
    padding: 16px 0;
    cursor: pointer;
    border-radius: 10px;
    align-items: center;
    font-family: var(--main-font), serif;
    display: flex;
}

.loginRegisterBlock button:hover {
    background: #2949b3;
}

.loginRegisterBlock .google_auth {
    background: #EFF4FB;
    color: #64748B;
    margin-top: 20px;
}

.loginRegisterBlock .google_auth:hover {
    background: #eaeff6;
}

.loginRegisterBlock .google_auth .icon {
    background-image: url('/templates/img/login_reg_icons.svg');
    background-position: -133px -45px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.loginRegisterBlock .auto_auth {
}

.loginRegisterBlock .auto_auth .google_auth {
}

.loginRegisterBlock .auto_auth .google_auth img {
}

.loginRegisterBlock .auto_auth .google_auth span {
}

.loginRegisterBlock .dontHaveAccount {
    margin-top: 20px;
    text-align: center;
}

.loginRegisterBlock .dontHaveAccount p {
    color: #64748B;
    margin-bottom: unset;
}

.loginRegisterBlock .dontHaveAccount p a {
    color: var(--purple) !important;
}

.loginRegisterBlock .dontHaveAccount p a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1000px) {
    #login_block {
        margin: 30px auto 0 auto;
        width: 100%;
    }
}



.jqconfirmblock_wrapper {
    background: #00000091;
    position: fixed;
    top: 0;
    z-index: 3;
    height: 110vh;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: var(--main-font), serif;
}

.jqconfirmblock {
    position: fixed;
    background: #fff;
    top: 30%;
    margin-left: var(--menu-width);
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.jqconfirmblockclose {
    width: 17px;
    height: 17px;
    background-image: url('/templates/img/login_reg_icons.svg');
    background-position: -106px -11px;
    position: absolute;
    top: 8px;
    right: 7px;
    cursor: pointer;
}

.jqconfirmblockclose:hover {
    opacity: 0.7;
}

.jqconfirmblockmsg {

}

@media screen and (max-width: 1000px) {
    .jqconfirmblock {
        margin-left: unset;
    }
}

.ok-btn {
    background: var(--purple);
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 12px;
    cursor: pointer;
    border-radius: 10px;
    width: 280px;
    margin-top: 20px;
}

.ok-btn:hover {
    background: var(--purple-dark);
}


.faqContainer {
    max-width: 800px;
    font-family: var(--main-font), serif;
    margin: 0 auto;
}

.accordion .accordionItem {
    border-bottom: 1px solid #e5e5e5;
}
.accordion .accordionItem button[aria-expanded=true] {
    border-bottom: 1px solid var(--grey);
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 30px 0;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: var(--purple);
}
.accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: var(--purple);
    border: 1px solid #03b5d2;
}
.accordion button .accordionTitle {
    padding: 1em 1.5em 1em 0;
    font-family: var(--main-font), serif;
    font-size: 16px;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.accordion button[aria-expanded=true] {
    color: var(--purple);
}
.accordion button[aria-expanded=true] .icon::after {
    width: 0;
}
.accordion button[aria-expanded=true] + .accordionContent {
    opacity: 1;
    max-height: 17em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordionContent {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordionContent p {
    font-weight: 300;
    margin: 2em 0;
}

.faqContainer .text1 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
}

.faqContainer .text2 {
    text-align: center;
    margin-bottom: 70px;
}

.faqContainer {
    padding-bottom: 70px;
}

/* -------------------------------------------------------------------------------- */

.a2Block, .a1Block {
    background: #eeeff2;
}

.results .item .description {
    max-height: 3em;
    overflow: hidden;
    line-height: 1.5em;
}

.a1Block {
    background: #e4e4e4;
    height: 600px;
}

.page {
    display: flex;
    flex-direction: column;
    padding-top: 60px;
}

.topMenu .leftSide {
    width: unset;
}

.topMenu .leftSide span {
    margin-right: 10px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgb(185 185 185 / 50%) transparent;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

::-webkit-scrollbar-track {
    background: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgb(185 185 185 / 50%) transparent;
}

*::-webkit-scrollbar {
    display: none;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.logo.prem {
    background-image: url('/templates/img/logo_prem.svg');
    height: 56px;
    top: 10px;
}

.modal {
    z-index: 999 !important;
}

.additional {
    margin-top: 140px;
    background: #1C2434;
    border-radius: 10px;
}

.additional .button {
    border: none;
    margin: 0;
}

.additional .separator {
    height: 1px;
    background: white;
    width: 90%;
    margin: 0 auto;
    opacity: 0.2;
}

.additional .i10 .icon {
    background-position: -106px -48px;
}

.additional .i11 .icon {
    background-position: -64px -48px;
}

.additional a:hover span {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .additional {
        margin-top: 0;
    }
}

.topMenu .leftSide a {
    color: #111;
    margin-right: 15px;
    position: relative;
}

.topMenu .leftSide a:hover {
    text-decoration: underline;
}

.topMenu .leftSide .toolTip {
    font-size: 12px;
    font-weight: 300;
    display: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    background: #101828;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    z-index: 1;
    width: 280px;
    bottom: unset;
    top: 25px;
}
.topMenu .leftSide .toolTip .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #101828;
    position: absolute;
    top: -7px;
    right: 50%;
    transform: translateX(50%);
}

.topMenu .leftSide .discount:hover .toolTip,
.topMenu .leftSide .credit:hover .toolTip {
    display: block;
}


select {
    appearance: none;
}

.aiWriter {
    padding: 0 80px;
}

.aiWriter h1 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 20px;
}

.aiWriter .form {
}

.aiWriter .form .tabs {
    display: flex;
    border-bottom: 1px solid #EBEEF2;
    margin-bottom: 25px;
}

.aiWriter .form .tab {
    display: flex;
    width: 145px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.aiWriter .form .tab.t1,
.aiWriter .form .tab.t2 {
    position: relative;
}

.aiWriter .form .tab .bottomBorder {
    width: 100%;
    height: 3px;
    background-color: #6c54ff;
    position: absolute;
    bottom: 0;
    border-radius: 20px 20px 0 0;
}

.aiWriter .form .tab.t2 .bottomBorder {
    background-color: #c8c8c8;
    display: none;
}

.aiWriter .form .tab.t2:hover .bottomBorder {
    display: block;
}

.aiWriter .form .tab .icon {
    width: 18px;
    height: 18px;
    margin-right: 7px;
    background-image: url('/templates/img/main_page_icons.svg');
}

.aiWriter .form .tab.t1 .icon.ti1 {
    background-position: -2px -3px;
}

.aiWriter .form .tab.t2 .icon.ti2 {
    background-position: -82px -3px;
}

.aiWriter .form .tab.t1 .text {
    color: #6c54ff;
}

.aiWriter .form .tab .text {
    color: #888888;
}

.aiWriter .form .row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.aiWriter .form .row .col {
    width: 49%;
}

.aiWriter .form .row.double {
    flex-direction: row;
    justify-content: space-between;
}

.aiWriter form label,
.aiWriter .form .row div.label,
.aiWriter .form .row label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 11px;
    color: #232323;
    position: relative;
    display: flex;
    align-items: center;
}

.aiWriter .form form {
    padding: 30px;
    background: #fff;
    border-radius: 25px;
}

.aiWriter .form form textarea,
.aiWriter .form form div.selected,
.aiWriter .form form select,
.aiWriter .form form input {
    padding: 15px 20px;
    font-family: var(--main-font), serif;
    border: 1px solid #DFEAF2;
    border-radius: 15px;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    color: #111;
    font-size: 14px;
    user-select: none;
    position: relative;
    z-index: unset;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: none;
}

.aiWriter .form form textarea {
    overflow: scroll;
}

.aiWriter .form form div.selected .arrow.rotated {
    transform: rotate(180deg);
    top: 41%;
}

.aiWriter .form form div.selected .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 11px;
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -135px 0;
    background-color: #fff;
}

.aiWriter .form form input#topic {
    width: 100%;
    cursor: unset;
}

.aiWriter .form form textarea,
.aiWriter .form form select {
}

.aiWriter .form form .options {
    /*border: 1px solid #F2F4F7;*/
    position: absolute;
    top: 60px;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
    max-height: 230px;
    overflow-y: scroll;
}

.aiWriter .form form .options div {
    padding: 12px 20px;
    cursor: pointer;
    position: relative;
}

.aiWriter .form form .options div:hover {
    background: #F9FAFB;
    border-radius: 9px;
}

#gen_model_div,
#type_of_paper_div,
#subject_area_div,
#number_of_pages_div {
    position: relative;
}

.aiWriter .form form .options div .img_after,
.aiWriter .form form .options div .img_before {
    height: 20px;
    width: 20px;
    position: absolute;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/templates/img/main_page_icons.svg');
}

.aiWriter .form form .options div .img_after {
    right: 20px;
}

.aiWriter .form form .options div .img_before {
    left: 20px;
}

.aiWriter .form form .options div .img_after:hover,
.aiWriter .form form .options div .img_before:hover {
    border-radius: unset;
}

#type_of_paper_div .options .opt_selected .img_after,
#subject_area_div .options .opt_selected .img_after,
#number_of_pages_div .options .opt_selected .img_after {
    background-position: -217px -4px;
}

#number_of_pages_div .selected:hover,
#type_of_paper_div .selected:hover,
#gen_model_div .selected:hover,
#subject_area_div .selected:hover,
.aiWriter .form form textarea:hover,
.aiWriter .form form input#topic:hover,
.selected.active {
    border: 1px solid #6c54ff !important;
    box-shadow: 0 0 0 4px rgba(108, 84, 255, 0.1);
}

.aiWriter .form form .label .new {
    font-size: 12px;
    color: #6c54ff;
    margin: 0 10px;
    padding: 2px 7px 3px 7px;
    background: #F4F3FF;
    border-radius: 10px;
    font-weight: 400;
    cursor: pointer;
}

.aiWriter .form form .label .new:hover {
    background: #efeeff;
}

.aiWriter .form form .opt_selected {
    color: #6c54ff;
}

#number_of_pages_div .options .opt_1 .img_before,
#number_of_pages_div .options .opt_2 .img_before,
#subject_area_div .options div .img_before,
#type_of_paper_div .options div .img_before {
    display: none;
}

#gen_model_div .options .opt_46,
#gen_model_div .options .opt_12,
#gen_model_div .options .opt_13,
#gen_model_div .options .opt_14,
#gen_model_div .options .opt_20,
#number_of_pages_div .options .opt_3,
#number_of_pages_div .options .opt_4,
#number_of_pages_div .options .opt_5,
#number_of_pages_div .options .opt_6 {
    padding-left: 55px;
}

.options div:not(.opt_selected) .img_after {
    background-image: none !important;
}

#number_of_pages_div .options .opt_3 .img_before,
#number_of_pages_div .options .opt_4 .img_before,
#number_of_pages_div .options .opt_5 .img_before {
    background-position: -186px -2px;
}

#number_of_pages_div .options .opt_6 .img_before {
    background-position: -246px -3px;
}

#type_of_paper_div .options .opt_35 .img_before,
#type_of_paper_div .options .opt_28 .img_before,
#type_of_paper_div .options .opt_36 .img_before,
#type_of_paper_div .options .opt_37 .img_before {
    display: block;
    background-position: -246px -3px;
}

#type_of_paper_div .options .opt_35,
#type_of_paper_div .options .opt_28,
#type_of_paper_div .options .opt_36,
#type_of_paper_div .options .opt_37 {
    padding-left: 55px;
}

.info {
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -111px -3px;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
}

.info .toolTip {
    font-size: 12px;
    font-weight: 300;
    display: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 23px;
    background: #101828;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    z-index: 1;
    width: 370px;
}

.info .toolTip a {
    color: #ecdbff;
}

.info .toolTip a:hover {
    text-decoration: underline;
}

.info .toolTip .bottomArrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #101828;
    position: absolute;
    bottom: -7px;
    right: 50%;
    transform: translateX(50%);
}

.info:hover .toolTip {
    display: block;
}

.files {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.files p,
.files p a {
    font-size: 12px;
    color: #888888;
}

.files label {
    font-weight: 500 !important;
    color: #888888 !important;
    margin:0 !important;
}

.buttonBlock1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button1 {
    background: #6c54ff;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 12px;
    cursor: pointer;
    border-radius: 10px;
    align-items: center;
    max-width: 280px;
    font-family: var(--main-font), serif;
}

.button1:hover {
    background: #5a47e6;
}

.aiWriter .form form textarea {
    margin: 0;
    height: 130px;
    cursor: unset;
    white-space: normal;
    line-height: 200%;
}

.fileIcon {
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -159px -3px;
    width: 17px;
    height: 20px;
    margin-right: 10px;
}

#subject_area_div .options .disabled {
    color: #a6a6a6;
}

.files label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.pageContent {

}

.reviews {
    display: flex;
    justify-content: space-between;
    max-width: 460px;
    margin: 90px auto 40px;
}

.reviews a {
    width: 48%;
}

.reviews a .jabber,
.reviews a .google {
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.reviews a .logoContainer {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviews a .jabber .logo,
.reviews a .google .logo {
    width: 30px;
    height: 30px;
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -2px -36px;
}

.reviews a .jabber .logo {
    background-position: -41px -36px;
}

.reviews .rate {
    display: flex;
    margin-left: 10px;
    flex-direction: column;
}

.reviews .rate .value {
    font-size: 20px;
    font-weight: 600;
    margin-right: 5px;
    color: #111;
    display: flex;
    align-items: center;
}

.reviews .rate .stars {
    display: flex;
    margin-left: 5px;
}

.reviews .rate .stars .half,
.reviews .rate .stars .full {
    width: 16px;
    height: 15px;
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -82px -37px;
}

.reviews .rate .stars .half {
    background-position: -108px -37px;
}

.reviews .rate .name {
    font-size: 12px;
    color: #888888;
}

.reviews a:hover .name {
    text-decoration: underline;
}

.feature {
    color: #6c54ff;
    padding: 2px;
    border-radius: 20px;
    width: 130px;
    text-align: center;
    margin: 50px auto 16px;
    font-size: 14px;
    border: 1px solid #E9D7FE;
}

.pageContent h3 {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 24px;
}

.pageContent p {
    font-size: 16px;
    color: #475467;
    line-height: 200%;
}

p.pType1 {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.buttonBlock2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 60px;
}

.buttonBlock2 .button1.btnMod1 {
    background: #fff;
    color: #344054;
    font-weight: 500;
    border: 1px solid #D0D5DD;
    margin-right: 10px;
    width: 136px;
    padding-left: 0;
    padding-right: 0;
}

.buttonBlock2 .button1.btnMod1:hover {
    background: #f9f9f9;
}

.buttonBlock2 .button1.btnMod2 {
    width: 111px;
    padding: 14px 0;
}

.btnMod1 .icon {
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -277px -3px;
    width: 23px;
    height: 23px;
    margin-right: 7px;
}

.pageContent .img1 {
    background-image: url('/templates/img/laptop_big.png');
    width: 100%;
    height: 400px;
    max-width: 820px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
}

.featuresBlock {
}

.feature2 {
    color: var(--purple);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

p.pType1.upd1 {
    max-width: 750px;
}

.section2,
.section1 {
    padding: 0 80px;
}

.section2 {
    padding-top: 80px;
    background: #fff;
}

.featuresList {
    display: flex;
    margin-top: 70px;
    justify-content: center;
    margin-bottom: 70px;
}

.featuresList .item {
    width: 30%;
    max-width: 324px;
    margin: 0 20px;
}

.featuresList .item .icon {
    background-image: url('/templates/img/main_page_icons.svg');
    background-position: -2px -36px;
    width: 40px;
    height: 40px;
    background-color: #F4EBFF;
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgb(244 235 255 / 40%);
    margin: 0 auto 20px;
}

.featuresList .item .text1 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.featuresList .item .text2 {
    color: #475467;
    margin-top: 10px;
    line-height: 200%;
    text-align: center;
}

.featuresList .item.i1 .icon {
    background-position: -302px 5px !important;
}

.featuresList .item.i2 .icon {
    background-position: -336px 5px !important;
}

.featuresList .item.i3 .icon {
    background-position: -370px 5px !important;
}

.feature.upd1 {
    background: #F9F5FF;
    border: none;
    padding: 4px 0;
}

.pageContent .img1.upd1 {
    background-image: url('/templates/img/tablet_phone_big.png');
    width: 880px;
    height: 600px;
    margin-top: 65px;
}

#gen_model_div .options .opt_selected .img_after {
    background-position: -217px -4px;
}

#gen_model_div .options .img_before {
    display: none;
}

#gen_model_div .options .img_before {

}

#gen_model_div .options .opt_46 .img_before,
#gen_model_div .options .opt_12 .img_before,
#gen_model_div .options .opt_13 .img_before,
#gen_model_div .options .opt_14 .img_before,
#gen_model_div .options .opt_20 .img_before {
    background-position: -186px -2px;
    display: block;
}

.universities {
    padding: 50px 0;
    border-bottom: 1px solid #e9e9e9;
}

.universities .text {
    text-align: center;
    margin-bottom: 20px;
}

.universities .logos {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.universities .item {
    width: 100px;
    height: 100px;
    background-size: cover;
    margin: 0 10px;
    filter: grayscale(100%);
}

.universities .item.i1 {
    width: 209px;
    height: 43px;
}

.universities .item.i2 {
    width: 193px;
    height: 50px;
}

.universities .item.i3 {
    width: 165px;
    height: 53px;
}

.universities .item.i4 {
    width: 127px;
    height: 59px;
}

.stillQuestions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stillQuestions .img {
    background-image: url('/templates/img/people_questions.png');
    width: 123px;
    height: 60px;
    margin: 40px auto 20px;
}

.stillQuestions .text2,
.stillQuestions .text1 {
    text-align: center;
    margin-bottom: 20px;
}

.stillQuestions .text1 {
    font-size: 20px;
    font-weight: 600;
}

.button1.btnMod3 {
    padding: 12px 30px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.universities .item:hover {
    cursor: pointer;
    filter: grayscale(0%);
}

@media screen and (max-width: 1200px) {
    .aiWriter {
        padding: 0 40px;
    }
    .pageContent .img1.upd1 {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .aiWriter {
        padding: 0 25px;
    }
    .aiWriter .form .row.double {
        flex-direction: column;
        justify-content: unset;
    }
    .aiWriter .form .row .col {
        width: 100%;
    }
    .info .toolTip {
        right: -45px;
        transform: unset;
    }
    .info .toolTip .bottomArrow {
        right: 42px;
        transform: unset;
    }
    .featuresList {
        flex-direction: column;
        margin-bottom: 0;
    }
    .featuresList .item {
        width: unset;
        max-width: unset;
        margin: 0 20px 20px;
    }
    .universities .logos {
        flex-wrap: wrap;
    }
    .universities .item {
        margin: 0 10px 20px 10px;
        filter: grayscale(100%);
    }
    .universities {
        padding: 0;
    }
    .universities .item.i4 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .pageContent .img1 {
        background-image: url('/templates/img/laptop_small.png');
        width: 100%;
        height: 250px;
        background-position: center;
    }
    .section2, .section1 {
        padding: 20px;
    }
    .reviews {
        display: flex;
        max-width: 460px;
        margin: 0 auto 0;
        flex-direction: column;
        align-items: center;
    }
    .reviews a .jabber, .reviews a .google {
        margin-bottom: 20px;
    }
    .feature {
        margin: 10px auto 20px;
    }
    .reviews a {
        width: unset;
    }
    .pageContent .img1.upd1 {
        background-image: url('/templates/img/phone_small.png');
        width: unset;
        height: 600px;
        margin-top: 50px;
    }
}

@media screen and (max-width: 600px) {
    .pageContent .img1.upd1 {
        height: 350px;
        background-position: center;
        margin-top: 30px;
    }
    .universities .item {
        width: 100% !important;
        background-size: inherit;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
    }
    .files {
        flex-direction: column;
    }
    .files p {
        text-align: center;
        padding-top: 20px;
    }
}

.inputError {
    border: 1px solid #E91E63 !important;
    box-shadow: 0 0 0 4px #e91e6314;
}

.pType2 {
    text-align: left;
    max-width: 1000px;
    margin: 0 auto 20px;
}

.pageContent h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.img2 {
    max-width: 800px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.img2 img {
    width: 100%;
}

.videoSection {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--black-t1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoBlock {
    background: var(--white);
    padding: 20px 20px 10px 20px;
    max-width: 1200px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.videoBlock h2 {
    margin-bottom: 20px;
}

.closeVideo {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.closeVideo:hover {
    color: red;
}

.aiWriter {
    width: 100%;
}

.stylish_ul {
    list-style: none;
    color: #475467;
}

.stylish_block {
    max-width: 1000px;
    line-height: 210%;
    margin: 0 auto 20px;
}

.hidden {
    display: none;
}

p.terms a,
p.terms {
    font-size: 14px;
    color: #888888 !important;
    text-align: center;
    margin-top: 20px;
}

p.terms a:hover {
    color: #333 !important;
}

.files {
    margin: 20px 0 0 0;
}

@media screen and (max-width: 600px) {
    .files {
        margin: 20px 0 20px 0;
    }
    .reviews a .jabber, .reviews a .google {
        /*justify-content: center;*/
        justify-content: flex-start;
    }
    .reviews {
        align-items: unset;
    }
}

.section2,
.affiliate_page {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.affiliate_page a {
    color: #475467;
    cursor: pointer;
}

.affiliate_page a:hover {
    color: #2382b8;
}

.affiliate_page h3,
.affiliate_page h1 {
    font-size: 32px;
    font-weight: bold;
    color: #111;
}

.affiliate_page h2 {
    padding: 0;
    line-height: 200%;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px;
}

.affiliate_page p {
    font-size: 16px;
    color: #475467;
    max-width: 610px;
    text-align: center;
}

a.catBtn:hover,
a.catBtn {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
}

a.catBtn div {
    background: #6c54ff;
    padding: 13px 45px;
    border-radius: 16px;
    text-align: center;
    margin: 10px 0 20px 0;
}

a.catBtn div:hover {
    background: #5945d5;
}

.img1 {
    margin: 10px 0 40px 0;
}

h3 span {
    color: #6c54ff;
}

.affiliate_page h3 {
    margin-bottom: 30px;
    text-align: center;
}

.img2 {
    margin: 15px 0;
}

.img3 {
    margin: 15px 0;
}

.pExt {
    max-width: unset !important;
}

.section2 h3 {
    text-align: center;
}

.container {
    margin: 0 auto;
    max-width: 768px;
}

.accordionV2 .accordionV2item {
    border-bottom: 1px solid #e5e5e5;
}

.accordionV2 .accordionV2item button[aria-expanded=true] {
}

.accordionV2 button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    font-size: 18px;
}

.accordionV2 button:hover, .accordion button:focus {
    cursor: pointer;
    text-decoration: underline;
}

.accordionV2 button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: #6C54FF;
    border: 1px solid #6C54FF;
}

.accordionV2 button .accordionV2Title {
    padding: 1em 1.5em 1em 0;
}

.accordionV2 button .icon {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    color: #6C54FF;
    top: 50%;
    transform: translateY(-50%);
}

.accordionV2 button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.accordionV2 button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.accordionV2 button[aria-expanded=true] {
    color: #101828;;
}
.accordionV2 button[aria-expanded=true] .icon::after {
    width: 0;
}

.accordionV2 button[aria-expanded=true] + .accordionV2Content {
    opacity: 1;
    max-height: 100%;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}

.accordionV2 .accordionV2Content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.accordionV2 .accordionV2Content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0 0 2em 0;
}

.section2 {
    padding: 40px;
    font-family: 'Pathway Extreme', sans-serif;
}

@media screen and (max-width: 768px) {
    .img3,
    .img2,
    .img1 {
        width: 100%;
    }

    .section2 {
        padding: 0;
    }

    .affiliate_page p {
        text-align: left;
        padding: 0 10px;
    }

    .benefits ul {
        padding: 0 10px !important;
    }

    .checkBoxes {
        flex-direction: column;
        width: 100%;
        padding: 0 10px;
    }
}

.checkBoxes {
    display: flex;
    margin-bottom: 15px;
}

.checkBoxes div {
    margin-right: 20px;
}

.orderlistSection {
    padding: 1% 8% 4% 10% !important;
}

.accordionV2Content .catBtn div {
    margin: 10px 0 40px 0;
}

@media screen and (max-width: 1200px) {
    .orderlistSection {
        padding: 0 !important;
    }
}

.col-xl-12 {
    padding: 20px;
}

.affiliate_page h1 {
    text-align: center;
}

a.catBtn div {
    margin: 30px 0 30px 0;
}

.affiliate_page h3 {
    margin-top: 50px;
}

.img1 {
    margin: 10px 0 0 0;
}

.img2 {
    margin: 45px 0 0px 0;
}

.img3 {
    margin: 5px 0 0 0;
}


.stillQuestions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stillQuestions .img {
    background-image: url('/templates/img/people_questions.png');
    width: 123px;
    height: 60px;
    margin: 40px auto 20px;
}

.stillQuestions .text2,
.stillQuestions .text1 {
    text-align: center;
    margin-bottom: 20px;
}

.stillQuestions .text1 {
    font-size: 20px;
    font-weight: 600;
}

.button1.btnMod3 {
    padding: 12px 30px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.col-xl-12 {
    padding: 0;
}

.section2 {
    background-color: #fff;
    margin-top: 50px;
}

.button1.btnMod3 {
    padding: 12px 30px;
    margin-top: 10px;
    margin-bottom: 40px;
    background: #6c54ff;
    color: #fff;
    border-radius: 10px;
}

.button1.btnMod3:hover {
    background: #5945d5;
}

.benefits ul,
.affiliate_page p {
    line-height: 200%;
}


@media screen and (max-width: 768px) {
    .section2 {
        padding: 20px;
    }
    .affiliate_page h3 {
        padding: 0 20px;
    }
}

/*<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:8999
}

.jsconfirmblock,.jqconfirmblock {
    display:block;
    width:280px;
    min-width:280px;
    min-height:50px;
    max-height: fit-content;
    height: fit-content;
    height: -moz-max-content;
    max-height: -moz-max-content;
    margin:auto;
    padding:30px 20px 20px 20px;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    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:9000
}

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


}

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

.jsconfirmblock .jsconfirmblockclose:before,
.jqconfirmblock .jqconfirmblockclose:before,
.jsconfirmblock .jsconfirmblockclose:after,
.jqconfirmblock .jqconfirmblockclose:after {
    display:block;
    content:'';
    width:21px;
    height:1px;
    border-top:2px solid #333;
    transform:rotate(45deg);
    top:14px;
    position:absolute;
}

.jsconfirmblock .jsconfirmblockclose:after,
.jqconfirmblock .jqconfirmblockclose:after {
    transform:rotate(135deg);
}

.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-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;
    width: 100%;
    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:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    position:relative;
    cursor:pointer;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1px
}

.jsconfirmblock .yes-btn,.jqconfirmblock .yes-btn,.jsconfirmblock .ok-btn,.jqconfirmblock .ok-btn {
    background-color:#6C54FF
}

.jsconfirmblock .yes-btn:hover,.jqconfirmblock .yes-btn:hover,.jsconfirmblock .ok-btn:hover,.jqconfirmblock .ok-btn:hover {
    background-color:#5f3afd
}

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

.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
}
/*</SystemPopup>*/

@media screen and (max-height: 730px) {
    .menuSeparator {
        height: unset;
    }
    .additional {
        margin-top: unset;
    }
}

.jqconfirmblockclose {
    background-image: none;
}
.topMenu {
    z-index: 999;
}
.menuControl {
    z-index: 998;
}
.menu,
.open {
    z-index: 997 !important;
}

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


/* SEO STYLES */

.page {
    background-image: linear-gradient(88deg, #6c54ff40 0, #d8f7f4 50%, #e3d8e9) !important;
}

h1,h2,h3,h4 {
    color: #006975 !important;
}

.stylish_ul {
    list-style: none !important;
    color: #000000 !important;
    font-size: 17px !important;
}

/* SEO STYLES */


.newItem {
    border-radius: 3px;
    background: #4f9f4a;
    color: white;
    padding: 0 4px 2px 3px;
    position: absolute;
    left: 119px;
    top: 5px;
    font-size: 11px;
    font-weight: 400;
}
.i4.u1 .icon {
    width: 18px;
    height: 19px;
    margin-right: 10px;
    background-image: url('/templates/img/menu_icons_4.svg');
    background-position: -8px -8px;
}
.topMenu {
    position: absolute;
}
.shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.i11 .icon { background-position: -137px -23px; }