* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    direction: rtl;
}

html {
    scroll-behavior: smooth;
}

.cursor-pointer {
    cursor: pointer
}

input[placeholder] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .shadow-unset-mobile {
        box-shadow: unset !important
    }
}

.breadcrumb {
    background: transparent !important;
    padding: 0 !important
}

.visible-none {
    visibility: hidden
}

#interface-output {
    white-space: nowrap;
    cursor: pointer;
    color: var(--color-active);
    font-size: 14px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    #interface-output:focus, #interface-output:focus-visible {
        font-size: inherit !important;
        border: none !important;
        outline: none !important
    }


.text-center {
    text-align: center !important
}

.text-start {
    text-align: start !important
}

label {
    color: var(--color-dark-2-5)
}
.discountCode {
    display: flex;
    gap: 12px;
    align-items: start;
    justify-content: center;
}
.discountCode label {
    font-size: 16px;
    font-weight: 600;
}
.discountCode svg {
    width: 24px;
    height: 24px;
    color: var(--color-dark-2-5);
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-30 {
    width: 30%
}

.w-40 {
    width: 40%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-85 {
    width: 85%
}

.w-90 {
    width: 90%
}

a:hover {
    color: var(--color-primary-blue);
    /*text-decoration: underline*/
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.swal2-container.swal2-shown {
    z-index: 10000000000 !important
}

    .swal2-container.swal2-shown * {
        font-family: IRANSansX !important;
        font-size: 1rem !important;
        color: #191919 !important
    }

html {
    background: var(--color-light-bg)
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

@media (prefers-color-scheme: dark) {
    html {
        content: "dark";
    }
}

.text-dark {
    color: var(--color-dark-gray-7) !important;
}

.vote {
    color: var(--color-dark-2-5);
    cursor: pointer;
    font-size: 1.3rem
}

a.text-dark:focus, a.text-dark:hover {
    color: var(--color-dark-gray-7) !important;
}

.modal-content {
    background-color: var(--color-white);
}

.modal-title {
    color: var(--color-dark-2-5);
}

    .modal-title span {
        color: var(--color-dark-2-5);
    }

.on-focus-searchbox-filter {
    top: 80px;
    position: fixed;
    width: 95vw;
    background: var(--color-extra-light-gray-5);
    z-index: 1000;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100vh;
}

.text-blackk {
    color: var(--color-dark-2-5) !important;
    font-size: .85rem
}


@media screen and (max-width: 767px) {
    .buttons-container {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 30%
    }

        .buttons-container .btn-sample, .buttons-container .app-button {
            border: none !important;
            background: transparent !important;
            width: auto !important;
            height: auto !important;
        }
}

@media screen and (max-width: 380px) {
    .buttons-container {
        left: 10px
    }
}


input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px !important;
}

.d-flexx {
    opacity: 1;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    visibility: visible
}

.d-nonee {
    opacity: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    visibility: hidden
}

.allcategory-icon {
    width: 23px;
}

.validation-summary-errors {
    color: #db4437 !important
}

    .validation-summary-errors ul {
        list-style-type: disc !important;
        margin: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.overflow-hidden {
    overflow: hidden !important;
}

.product-spec-filter {
    padding: 16px;
    padding-top: 0 !important
}

@media screen and (max-width: 767px) {
    .product-spec-filter {
        background: transparent !important
    }

    .product-spec-filter {
        padding: 0 !important
    }

    .generalLeftSidee .product-filter .filter-content .available-items ul li {
        /*background: var(--color-general-light);*/
        border-radius: 0 !important
    }

        .generalLeftSidee .product-filter .filter-content .available-items ul li.title {
            background: transparent !important
        }

    .generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle:after {
        top: 5px !important
    }
}

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

    .generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle:after {
        top: 4px !important
    }

    .generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle:after {
        right: 94% !important
    }
}

.filter-specs-box-title {
    font-size: 1rem;
    color: var(--color-dark-2-5);
    font-weight: bold
}





.modal-content {
    border: none !important
}


.wrap {
    background-image: url(http://wallpaperfx.com/view_image/little-girls-1600x900-wallpaper-5569.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.copyrights {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 14px;
    color: var(--color-white);
    display: block;
}

    .copyrights a {
        color: orange;
    }

        .copyrights a:hover {
            color: var(--color-white);
            text-decoration: underline;
        }
/*end loading page */
.number-books {
    width: 90%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
    background: var(--color-active);
    border: none;
    top: 90vh;
    z-index: 999;
    border-radius: 8px;
}

.section-recommand .title-recommand {
    font-size: 1.3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
}

.showmore-button1,
.showmore-button2 {
    width: 11.25rem !important;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #fed8b9 !important;
    background-color: var(--color-white) !important;
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-active) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

    .section-recommand .product-container:nth-child(n + 5) {
        display: none
    }


    .section-recommand .featured-product-hot .Arrows.SlickCarousel2 {
        margin: 0 !important;
        margin-top: 60px !important
    }

    .section-recommand .featured-product .icon-headphone {
        right: 1.3rem !important
    }

    .section-recommand .featured-product .prod-list:nth-child(3n) {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .section-recommand .featured-product-hot .Arrows.SlickCarousel2 h5 a {
        font-size: 1rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-dark-2-5) !important;
    }

    .section-recommand picture {
        position: relative !important
    }
}

#myModal1 .modal-category .modal-content {
    height: auto !important
}

@media screen and (max-width: 767px) {
    .section-recommand .featured-product .prod-list:nth-child(n) .picture-container {
        width: 100% !important;
    }

    .section-recommand .featured-product .prod-list .picture-container .book-img-audio {
        width: 100% !important
    }

    .section-recommand .prod-list {
        margin: 0 .25rem !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-left: 20px !important
    }


    .section-recommand .rating {
        padding: 0;
    }
}

@media screen and (max-width: 360px) {
    .section-recommand .prod-list {
        margin: 0 .85rem !important
    }
}

.app-pre-show-cont2 .app-button {
    width: 150px !important;
    height: 40px !important;
    border: solid 1px var(--color-active);
    color: var(--color-active) !important;
    margin-top: -50px !important;
    margin: auto !important;
}

    .app-pre-show-cont2 .app-button:focus {
        background: transparent !important;
        border: solid 1px var(--color-active);
    }

.hour-cont {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

@media screen and (max-width: 575px) {
    body::-webkit-scrollbar {
        background-color: transparent !important;
    }

    body::-webkit-scrollbar-thumb {
        background-color: transparent !important;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .modal-open .modal {
        overflow-y: scroll !important
    }

    #myModal9 .modal-content {
        padding: 0 !important
    }
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .details-audio-product-list {
        margin-right: -100px !important
    }
}



@media screen and (max-width: 767px) {
    #exampleModal2 .modal-dialog {
        bottom: -50vh;
    }

        #exampleModal2 .modal-dialog .nav-item {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

            #exampleModal2 .modal-dialog .nav-item:first-child {
                margin-top: 50px
            }

        #exampleModal2 .modal-dialog h5 {
            text-align: start;
            padding: 10px 0 !important;
            color: #687a94;
            border-bottom: 1px solid var(--color-extra-light-gray-5-2);
            position: fixed;
            width: 85%;
            background: var(--color-white);
            top: 5px;
            z-index: 2
        }

    #exampleModal2 .modal-content {
        padding: 24px !important;
        padding-bottom: 50px !important;
        max-height: 80vh;
    }
}

.modal .spec-name {
    color: var(--color-general-dark);
    margin: 12px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.modal .spec-value {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-general-dark-5);
    margin: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .modal .spec-value a {
        color: var(--color-active) !important;
    }

.vendor-grid h3 a {
    color: #687a94;
}

@media screen and (max-width: 767px) {
    .modal.show .modal-dialog {
        /*        position: absolute;
*/ bottom: 0 !important;
        margin: 0 !important;
        width: 100vw !important;
        border-radius: 16px !important;
    }

    .modal-dialog .modal-content {
        border-radius: 8 !important;
        /*     padding: 20px !important;*/
        overflow: unset
    }
}

.modal-category {
    /*/*top:auto !important;*/
    /*bottom:0 !important;
    height:fit-content !important;*/
    z-index: 100000;
    height: 100vh !important;
    position: fixed !important;
    max-width: 100% !important;
    border-radius: 16px !important;
}

    .modal-category .modal-header {
        /*position: absolute;*/
        z-index: 11111;
        /*top: 21px;*/
        /*left: 50px;*/
        border: none;
    }

        .modal-category .modal-header button {
            z-index: 100000000000;
            top: 50px;
            left: 7%;
        }

        .modal-category .modal-header .close {
            right: auto;
            font-size: 4rem;
            font-weight: 300;
            position: absolute;
            left: 2vw;
            top: 15vh;
            color: #687a94 !important
        }

    .modal-category .container-categories {
        width: 150px;
        height: auto;
        max-height: 200px;
        padding: 20px;
        border-radius: 16px;
        border: solid 1px var(--color-body-bg-2);
    }

    .modal-category .generalTitle {
        font-size: 1.2rem !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: #687a94;
        margin-bottom: 15px !important;
    }

    .modal-category .animate-bottom {
        position: relative;
        -webkit-animation: animatebottom 0.4s;
        animation: animatebottom 0.4s;
    }

@-webkit-keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.modal-category .modal-content {
    height: 90vh;
    bottom: 0;
    border-radius: 16px !important;
    overflow-y: scroll;
}

.rotate-toggle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.text-gray {
    color: var(--color-general-dark);
}

a {
    color: inherit;
}



@media screen and (max-width: 767px) {
    .filter-container {
        width: 100%;
        height: auto;
        top: 120px;
        z-index: 100;
        right: 0;
    }
}

.filter-container .collapsing .checkmark {
    right: 10px;
}

.panel-collapse.collapsing {
    right: -1.5px !important
}

.filter-container .collapse {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.filter-container .checkmark {
    position: absolute;
    right: 35px;
    height: 16px;
    width: 16px;
    background-color: var(--color-white);
    border-radius: 50%;
    border: solid 1px var(--color-general-dark);
    cursor: pointer;
    margin: 0;
}

.filter-container input {
    opacity: 0;
    display: none;
}

.filter-container:hover input ~ .checkmark {
    background-color: var(--color-white);
}

.filter-container:checked ~ .checkmark {
    background-color: #0f9d58;
}

.filter-container input:checked ~ .checkmark {
    background: var(--color-dark-2-5);
}

.filter-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter-container input:checked ~ .checkmark:after {
    display: block;
}

.filter-container .panel-title a {
    font-size: 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}


.search-page .nav-link.active {
    background: transparent !important;
    color: var(--color-active-dark) !important;
    font-weight: 400;
    font-size: 1rem;
    line-height: 32px;
}

.search-page .nav-link.text-gray {
    color: var(--color-919191-deactive) !important;
    font-weight: 400;
    font-size: 1rem;
    line-height: 32px;
}

@media screen and (max-width: 767px) {
    .filter-container .nav-item {
        font-size: 1.1rem
    }
}

.filter-container .panel-collapse {
    width: 100%;
}


.rating-cont {
    width: auto;
    height: 20px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px
}

    .rating-cont span {
        color: #98a3b6;
        font-size: 12px;
    }

@media screen and (max-width:767px) {
    .rating-cont span {
        color: var(--color-general-dark-5) !important;
        font-size: 12px;
        font-weight: bold;
    }
}

.slick-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    overflow: visible;
}

    .slick-list:focus {
        border: none;
        outline: none;
    }

.slick-dots {
    position: static !important;
    bottom: 0 !important;
}

    .slick-dots li {
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: var(--color-extra-light-gray-5-2);
    }

        .slick-dots li.slick-active {
            background: var(--color-dark-2-5);
        }

    .slick-dots button {
        opacity: 0;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: var(--color-dark-2-5);
    }

.stickyy.stick {
    position: fixed !important;
    top: 0 !important;
    z-index: 10;
}

.line-or {
    background: var(--color-body-bg-2);
    height: 1px;
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}


.featured-product-hot .audio-information-cont author a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.featured-product-hot .Arrows.SlickCarousel2 {
    margin: 0 139px !important;
}

@media screen and (max-width: 1500px) {
    .featured-product-hot .Arrows.SlickCarousel2 {
        margin: 0 40px !important;
    }
}

@media screen and (max-width: 991px) {
    .featured-product-hot .Arrows.SlickCarousel2 {
        margin: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .featured-product-hot .Arrows.SlickCarousel2 {
        height: 26rem
    }
}

.Arrows.SlickCarousel2 {
    margin: 0 139px !important;
}

@media screen and (max-width: 1500px) {
    .Arrows.SlickCarousel2 {
        margin: 0 40px !important;
    }
}

@media screen and (max-width: 991px) {
    .Arrows.SlickCarousel2 {
        margin: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .Arrows.SlickCarousel2 {
        overflow-y: hidden;
        overflow-x: visible;
        height: 23rem;
        margin: 0 !important;
    }

    .recommender .Arrows.SlickCarousel2 {
        overflow-x: auto;
    }

        .recommender .Arrows.SlickCarousel2 .book-img {
            height: 14rem !important;
            position: relative !important
        }
}

.see-all {
    font-size: 1.2rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-active);
}

p, h2 {
    margin-bottom: 0 !important;
}

input:focus, button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border: none;
}

.field-validation-error {
    float: left;
    width: 100%;
    color: var(--color-general-dark);
    font-size: .8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

    .field-validation-error span {
        color: rgb(190, 96, 99);
        font-size: .8rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        margin-top: 10px;
    }


@media only screen and (max-width: 767px) {
    .field-validation-error,
    .field-validation-error span {
        font-size: 1.2rem;
    }
}


html {
    font-size: 100%;
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 95%;
    }
}

@media only screen and (max-width: 1100px) {
    html {
        font-size: 87%;
    }
}

@media only screen and (max-width: 992px) {
    html {
        font-size: 85%;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 75%;
    }
}

@media only screen and (max-width: 575px) {
    html {
        font-size: 70%;
    }
}



.page-container {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 110px;
    padding-bottom: 0
}

@media screen and (max-width: 1199px) {
    .page-container {
        padding: 0 15px;
        padding-top: 153px;
    }
}

@media (min-width:576px) and (max-width:1250px) {
    .page-container {
        padding-top: 153px;
    }
}
@media screen and (min-width: 1250px) {
    .page-container {
        padding-top: 72px !important;
    }
}

html {
    overflow-x: hidden;
}

body {
    font-family: IRANSansX;
    font-size: 1rem;
}

pre {
    font-family: IRANSansX;
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


header {
    position: relative
}

.page-body {
    text-align: start;
}

.page-container {
    background-color: var(--color-bg-color);
    background-image: var(--color-bg-img);
    overflow: hidden;
    min-height: 900px;
    height: 100%
}



.logo-home-login {
    margin-top: 48px !important
}





.show-pass-img {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.fa-search {
    color: var(--color-white);
}

@media screen and (max-width: 575px) {
    .fa-search {
        color: #acacac;
    }

    .profile-info-cont label {
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 13px !important
    }
}

.page-item:first-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.current-page a {
    border: 0 !important;
    cursor: pointer;
    color: var(--color-general-dark-5) !important;
}

    .current-page a:hover {
        background-color: var(--color-general-dark-5);
    }

        .current-page a:hover a {
            color: white;
        }

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0 !important;
    padding: 15px;
}

nav[aria-label='page navigation'] {
    margin-top: -50px
}

.pagination .individual-page a {
    border-bottom: 0 !important;
    border-top: 0 !important;
    cursor: pointer;
}

.pagination .current-page span {
    color: #fff !important;
}

.next-page, .previous-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination .next-page::after {
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    padding-right: 0;
    padding-left: 10px;
}

.pagination .previous-page::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    padding-left: 0;
    padding-right: 10px;
}

.pagination .previous-page::before, .pagination .next-page::after {
    padding-top: 9px;
    font-size: .8rem;
    font-weight: 900;
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 575px) {
    .pagination .previous-page::before, .pagination .next-page::after {
        padding-top: 7px;
    }
}

.page-link {
    background: var(--color-white);
}



@media screen and (max-width: 575px) {
    .pagination .current-page a {
        width: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        color: var(--color-white) !important;
        font-size: 1.2rem;
        background-color: var(--color-dark-2-5);
        font-weight: 600;
        border-radius: 5px !important;
    }
}

.pagination a {
    color: var(--color-medium-dark-gray-3);
}


.pagination .next-page a, .pagination .previous-page a, .pagination .first-page a, .pagination .last-page a {
    background: transparent !important;
    border: none !important;
    color: var(--color-medium-dark-gray-3);
}

.book-type-circle-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    color: var(--color-general-dark-5) !important;
}

    .book-type-circle-disabled:focus, .book-type-circle-disabled:active, .book-type-circle-disabled:hover {
        border-color: var(--color-general-dark-5) !important;
        background: transparent;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .book-type-circle-disabled:hover {
        background: transparent !important;
        color: var(--color-general-dark-5) !important;
        border: 1px solid var(--color-general-dark-5) !important;
        border: 2px solid var(--color-general-dark-5) !important;
    }

        .book-type-circle-disabled:hover .fas {
            color: var(--color-general-dark-5) !important;
        }

.mobile-link {
    width: 250px;
    border-radius: 6px;
}

@media screen and (max-width: 991px) {
    .mobile-link {
        width: 100%;
        max-width: 150px;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .mobile-link {
        margin: auto;
    }
}

@media screen and (max-width: 767px) {
    .search-header.sticky {
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 767px) {
    .search-header.sticky .small-search-box-form {
        display: block;
        position: absolute;
    }
}

.sticky {
    position: fixed !important;
    width: 80% !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 1px 3px 0 var(--color-header-shadow);
    box-shadow: 0 1px 3px 0 var(--color-header-shadow);
    border-radius: 0 0 16px 16px;
    padding: 20px !important;
    -webkit-transition: width 0.2s;
    -o-transition: width 0.2s;
    transition: width 0.2s;
}

@media screen and (max-width: 1700px) {
    .sticky {
        width: 90% !important;
    }
}

@media screen and (max-width: 1200px) {
    .sticky {
        width: 90% !important;
        height: 150px !important;
    }
}

@media screen and (max-width: 767px) {
    .sticky {
        height: 80px !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: 5px;
        width: 100% !important
    }
}


.average-rate, .rating-yellow {
    cursor: pointer;
}

@media screen and (min-width: 1600px) {
    .featured-product-big .big-information-cont {
        padding-left: 0;
        padding-right: 0;
    }
}

.featured-product-big .Arrows {
    height: auto !important;
    margin: 90px;
}

.featured-product-big .prod-list {
    overflow: visible !important;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .featured-product-big .prod-list {
        margin-top: 0;
    }

        .featured-product-big .prod-list:first-child {
            padding-right: 0 !important
        }

        .featured-product-big .prod-list img {
            right: 10px
        }
}

.featured-product-big .prod-list img {
    width: 13.5rem;
    max-width: unset !important;
    max-height: 19.75rem;
    bottom: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    top: auto;
    right: 0;
}

@media screen and (max-width: 767px) {
    .featured-product-big .prod-list img {
        width: 100px;
    }
}

.featured-product-big .prod-list .position-relative {
    overflow: visible !important;
}

.featured-product-big .prod-list div:first-child {
    width: 100%;
    height: 18rem;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .featured-product-big .prod-list div:first-child {
        height: 147px;
    }
}

.featured-product-big .prod-list div:first-child {
    justify-self: flex-start;
}

.featured-product-big .prod-list div:last-child {
    justify-self: flex-end;
}

@media screen and (min-width: 992px) {
    .featured-product-big .prod-list:first-child {
        padding-right: 0 !important
    }

    .featured-product-big .prod-list:nth-child(2) {
        padding-right: 0 !important
    }
}

.featured-product-big .prod-list:nth-child(n+3) {
    display: none;
}

.featured-product-big h5 a {
    font-size: 1.4rem !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: right !important;
    color: var(--color-dark-2-5) !important;
}

@media screen and (max-width: 991px) {
    .featured-product-big h5 a {
        font-size: 1rem !important;
    }
}

.featured-product-big .author {
    font-size: 1.3rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark) !important;
}

.featured-authority p a {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-general-dark);
}


/*Audio player*/
.seekbar {
    margin: 12px 0;
    padding: 10px;
    position: relative;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.seekbar-progress {
    height: 10px;
    background-color: var(--color-active);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    border-radius: 6px;
}

    .seekbar-progress [role="progressbar"] {
        height: 100%;
        position: relative;
        background: var(--color-active);
        border-radius: 6px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    }

.seekbar input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: transparent;
    outline: 0;
    border: 0;
    cursor: pointer;
}

    .seekbar input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        display: block;
        width: 48px;
        height: 48px;
        background-color: transparent;
    }


    .seekbar input[type="range"]::-moz-range-thumb {
        display: block;
        width: 48px;
        height: 48px;
        background: transparent;
        border: 0;
    }

    .seekbar input[type="range"]::-moz-range-track {
        background: transparent;
        border: 0;
    }

    .seekbar input[type="range"]::-moz-focus-outer {
        border: 0;
    }

.sample-audio-player span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: solid 2px var(--color-active);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    width: 30px;
    height: 30px;
}

.sample-audio-player i,
.audio-text {
    color: var(--color-active);
}

.category-page .audio-text, .authority-page .audio-text,
.category-page .audio-text-disable, .authority-page .audio-text-disable {
    display: none
}

.category-page .audioPlayer-cont, .authority-page .audioPlayer-cont {
    position: absolute;
    left: 4%;
    top: 110px;
}

@media screen and (max-width: 767px) {
    .category-page .audioPlayer-cont, .authority-page .audioPlayer-cont {
        top: 60px
    }



    .search-page .audioPlayer-cont {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.authority-page .sample-audio-player, .category-page .sample-audio-player {
    border: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    .search-page .sample-audio-player, .authority-page .sample-audio-player, .category-page .sample-audio-player {
        padding: 0 !important
    }
}

.authority-page .sample-audio-player:hover, .authority-page .sample-audio-player:focus, .category-page .sample-audio-player:hover, .category-page .sample-audio-player:focus,
.category-page .sample-audio-player:active, .authority-page .sample-audio-player:active {
    background: transparent !important
}

.authority-page .audio-timer, .category-page .audio-timer {
    display: none !important
}

.authority-page .seekbar, .category-page .seekbar {
    display: none !important
}

.search-results .audio-text, .category-page .audio-text {
    margin: 0 !important
}

@media screen and (max-width: 767px) {
    .search-results .audio-text, .category-page .audio-text {
        display: none
    }

    .search-results .audio-text, .category-page .audio-text {
        padding: 0 !important
    }

    .search-results .audio-text, .category-page .audio-text {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.featured-product-audio .prod-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    height: 11.5rem !important;
}

@media screen and (max-width: 767px) {
    .featured-product-audio .prod-list picture {
        background-color: transparent !important;
        -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        width: 10rem !important;
        position: relative;
        border-radius: 8px;
    }

        .featured-product-audio .prod-list picture .rating {
            position: absolute;
            bottom: 5px;
            left: 5px;
        }

        .featured-product-audio .prod-list picture .book {
            width: 10rem !important;
            height: 10rem !important;
            border-radius: 8px !important;
            -o-object-fit: cover !important;
            object-fit: cover !important;
        }
}

@media screen and (max-width: 767px) {
    .featured-product-audio .prod-list {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

.featured-product-audio .prod-list img.book {
    width: 8.5rem;
    max-width: unset !important;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    border: solid 1px var(--color-white);
    -o-object-fit: fill;
    object-fit: fill;
    position: center;
}

.featured-product-audio .prod-list .hour {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .featured-product-audio .prod-list .hour,
    .featured-product-hot .prod-list .hour {
        font-size: 16px;
        font-weight: 300;
    }
}

.featured-product-audio .prod-list .rating {
    justify-self: flex-end !important;
    border-radius: 6px;
    background-color: var(--color-light-gray-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .featured-product-audio .prod-list .rating img {
        width: 1rem;
        height: 1rem;
    }

    .featured-product-audio .prod-list .rating span {
        font-size: .75rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-general-dark-5);
    }

.featured-product-audio .prod-list .headphone-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    background-color: #e6e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .featured-product-audio .prod-list .headphone-icon {
        background: transparent !important;
    }
}

.featured-product-audio .prod-list:nth-child(n+7) {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .featured-product-hot .prod-list {
        margin-top: 50px !important
    }
}

.featured-product-audio .prod-list .author a {
    font-size: .85rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark);
}

.featured-product picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.featured-product .icon-headphone {
    position: absolute !important;
    right: 1.3rem !important;
    bottom: 1.5rem !important;
}

.featured-product .icon-headphone-mobile {
    position: relative;
    margin: auto;
    margin-top: 10px;
}

.featured-product .rating {
    -ms-grid-column-align: end !important;
    justify-self: end !important;
    border-radius: 6px;
    background-color: var(--color-light-gray-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px;
    height: 20px;
    border: solid 1px var(--color-extra-light-gray-5-2);
}

    .featured-product .rating img {
        width: 1rem;
        height: 1rem;
    }

    .featured-product .rating span {
        font-size: .75rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-general-dark-5);
        display: contents;
    }

@media screen and (max-width: 767px) {
    .featured-product .prod-list .audio-picture {
        height: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list .picture-container {
        background-color: transparent !important;
    }
}

.featured-product .prod-list:nth-child(n+7) {
    display: none;
}

.featured-product .prod-list:nth-child(n) .picture-container {
    background-color: var(--color-general-light-2) !important;
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list:nth-child(n) .picture-container {
        background-color: transparent !important;
        -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        height: 14rem !important;
        width: 10rem !important;
        position: relative;
        border-radius: 8px !important
    }

        .featured-product .prod-list:nth-child(n) .picture-container .rating {
            position: absolute;
            bottom: 5px;
            left: 5px;
        }
}

.featured-product .prod-list:nth-child(2n) .picture-container {
    background-color: var(--color-general-light-2) !important;
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list:nth-child(2n) .picture-container {
        background-color: transparent !important;
        -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    }
}


@media screen and (max-width: 767px) {
    .featured-product .prod-list:nth-child(3n) .picture-container {
        background-color: transparent !important;
        -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
        box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    }
}

.featured-product .prod-list .picture-container {
    width: 95% !important;
    height: 10rem !important;
    border-radius: 16px !important;
    border: none !important;
    position: relative;
    margin-bottom: 100px;
    overflow: visible !important;
}

@media screen and (min-width: 992px) {
    .featured-product .prod-list:nth-child(3n) {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .featured-product .prod-list:nth-child(2), .featured-product .prod-list:nth-child(5) {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .featured-product.featured-product-big .prod-list:nth-child(2) {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        padding-left: 0 !important
    }

    .featured-product.featured-product-big .prod-list {
        margin: 0 !important
    }
}

.featured-product .prod-list .picture-container .reviews {
    font-size: .8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-dark-2-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featured-product .prod-list .picture-container .author {
    font-size: .85rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark);
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list .picture-container .author {
        font-size: 1.2rem;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 11rem;
        padding-right: 0;
    }
}

.ebook-icon {
    width: 32px !important;
    height: 32px;
    background: #e6e9ed;
    padding: 5px;
    border-radius: 6px
}

.featured-product .prod-list .picture-container .book-img, .featured-product .prod-list .picture-container .book-img-audio {
    position: absolute !important;
    bottom: 1rem;
    right: 1rem !important;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    border: solid 1px var(--color-white);
    width: 110px !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    justify-self: flex-start;
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list .picture-container .book-img, .featured-product .prod-list .picture-container .book-img-audio {
        position: relative !important;
        width: 127px !important;
        height: 200px !important
    }
}

@media screen and (max-width: 767px) {
    .section-recommand .featured-product .prod-list .picture-container .book-img, .section-recommand .featured-product .prod-list .picture-container .book-img-audio {
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }
}


@media screen and (max-width: 767px) {
    .featured-product .prod-list .picture-container .book-img {
        width: 10rem !important;
        height: 100%;
        position: relative;
        right: 0 !important;
        bottom: 0;
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px) {
    .featured-product .prod-list .picture-container .book-img-audio {
        width: 10rem !important;
        height: 10rem !important;
        border-radius: 8px;
        -o-object-fit: fill !important;
        object-fit: fill !important;
        position: static !important;
    }
}


.text-#0f9d58 {
    color: #5cb22b;
}

.text-#db4437 {
    color: #e25349;
}


.logo-img {
    max-width: 100% !important;
}

@media screen and (max-width: 1200px) {
    .logo-img {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .logo-img {
        max-width: 100% !important;
    }
}



.modal-backdrop {
    z-index: 897;
}

.modal-dialog {
    z-index: 10000;
}

    .modal-dialog .modal-content {
        border-radius: 6px;
        padding: 20px;
        position: relative;
    }

        .modal-dialog .modal-content .modal-header button {
            position: absolute;
            top: 20px;
            right: 20px;
        }

.download-app-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    background: var(--color-white);
    width: 10rem;
    height: 40px;
    border: solid 1px #fed8b9;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .download-app-cont {
        border: solid 1px #fff2e8 !important;
        font-size: 12px !important;
        padding: 4px !important;
        height: auto;
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width:1100px ) {
    .download-app-cont p {
        display: none !important
    }

    .download-app-cont img {
        display: block !important
    }

    .download-app-cont {
        width: 5rem !important
    }
}

.download-app-cont p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-active);
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
    .download-app-cont p {
        font-size: 10px;
        margin: 0;
        padding: 0;
    }
}

.download-app-cont img {
    padding-top: 5px;
    padding-left: 3px;
}

@media screen and (max-width: 991px) {
    .download-app-cont {
        width: auto !important;
    }
}

.fixed-searchbox {
    position: fixed;
    top: 30px;
    z-index: 101;
    width: 45% !important;
}

    .fixed-searchbox .search-box-text {
        padding: 1.5rem 2rem !important;
    }

        .fixed-searchbox .search-box-text:focus {
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

@media screen and (max-width: 767px) {
    .fixed-searchbox .search-box-text {
        top: 20px;
    }
}

.fixed-searchbox .search-more-button {
    padding: 0.75rem 1rem !important;
}

    .fixed-searchbox .search-more-button .fa-search {
        font-size: 1.3rem;
    }

@media screen and (max-width: 991px) {
    .fixed-searchbox {
        width: 40% !important;
    }
}

@media screen and (max-width: 767px) {
    .fixed-searchbox {
        top: 25px;
        width: 40% !important;
    }
}

@media screen and (max-width: 767px) {
    .fixed-searchbox {
        width: 60% !important;
        margin: 0 10px;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.justifycontent {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
}

.change-headerlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    padding: 0;
    height: 70px;
    color: black;
    overflow: hidden;
}

.hidden {
    display: none;
}

.collapsing {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.border-right {
    border-right: 1px solid var(--color-white);
}

.gradient-border {
    background-image: -o-linear-gradient(left, #fc4030 -14%, #f0cb35 92%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(-14%, #fc4030), color-stop(92%, #f0cb35));
    background-image: linear-gradient(to right, #fc4030 -14%, #f0cb35 92%);
    height: 3px;
    width: 100%;
    border-radius: 100px;
}

@media (max-width: 767px) {
    .color-gray {
        color: #ababab !important;
    }
}

.advanced-search-results .fas, .advanced-search-results2 .fas {
    color: rgba(116, 116, 116, 0.5) !important;
    padding-bottom: 20px;
}

.advanced-search-results .right-side .products-container .ui-menu-item.selectedAuto,
.advanced-search-results2 .right-side .products-container .ui-menu-item.selectedAuto {
    background: var(--color-body-bg-2) !important;
}

.selectdiv {
    position: relative;
}

    .selectdiv select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: -webkit-fill-available;
        float: right;
        margin: 5px 15px 5px 0;
        padding: 0 45px 0 15px;
        font-size: 14px;
        line-height: 1.75;
        color: #888;
        background-color: var(--color-white);
        background-image: none;
        border: 1px solid #dfdfdf;
        -ms-word-break: normal;
        word-break: normal;
        cursor: pointer;
        border: unset;
    }

    .selectdiv:after {
        content: '\f140';
        font: normal normal normal 24px/1 "Material Design Icons";
        color: #888;
        right: 25px;
        top: 12px;
        position: absolute;
        pointer-events: none;
    }

    .selectdiv .custom-select:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*autocomplete*/
.overlay-autocompelete {
    position: fixed;
    background: var(--color-dark-2-5);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    display: none;
    left: 0
}

.open .product-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.advanced-search-results, .advanced-search-results2 {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    top: 100%;
}

    .advanced-search-results .no-data, .advanced-search-results2 .no-data {
        display: none;
        font-size: 1rem;
        color: var(--color-dark-2-5);
    }

@media screen and (max-width: 767px) {
    .advanced-search-results .no-data, .advanced-search-results2 .no-data {
        width: 100vw
    }
}

.advanced-search-results.open, .advanced-search-results2.open {
    padding: 0 !important;
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 100%;
    overflow: visible;
    border-top: 0;
    background: var(--color-body);
    color: #303030;
    z-index: 19001 !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: solid 1px var(--color-body);
    overflow: auto;
    left: 0
}

@media screen and (max-width: 767px) {
    .advanced-search-results.open, .advanced-search-results2.open {
        height: 250px;
    }
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.advanced-search-results.open {
    scrollbar-width: auto;
    scrollbar-color: var(--color-dark-2-5) var(--color-white);
}

    /* Chrome, Edge, and Safari */
    .advanced-search-results.open::-webkit-scrollbar {
        width: 10px;
    }

    .advanced-search-results.open::-webkit-scrollbar-track {
        background: var(--color-white);
    }

    .advanced-search-results.open::-webkit-scrollbar-thumb {
        background-color: var(--color-dark-2-5);
        border-radius: 8px;
        border: 3px solid var(--color-white);
    }

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


    .home-page #small-searchterms.bg-picture-fix {
        background: url(/Plugins/Libra/Content/images/search-loupe.svg) no-repeat scroll 97% 70% !important;
    }
}


#searchClick {
    max-width: 1000px !important;
}



.advanced-search-results ul, .advanced-search-results2 ul {
    padding: 0 !important;
    width: 100%;
    height: inherit;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

@media screen and (max-width: 767px) {
    .advanced-search-results ul, .advanced-search-results2 ul {
        width: 100%;
        height: 100%;
        padding: 0 !important;
    }
}

.advanced-search-results .categories-container > ul, .advanced-search-results2 .categories-container > ul {
    margin-bottom: 10px;
}

.advanced-search-results .title, .advanced-search-results2 .title {
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 300;
    font-size: 24px;
    color: #1D1F20;
}

.advanced-search-results .products-container .container-off,
.advanced-search-results .blog-container .container-off,
.advanced-search-results2 .products-container .container-off,
.advanced-search-results2 .blog-container .container-off {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advanced-search-results .products-container .product-in,
.advanced-search-results .products-container .in-separator,
.advanced-search-results .blog-container .in-separator,
.advanced-search-results .blog-container .product-in,
.advanced-search-results2 .products-container .product-in,
.advanced-search-results2 .products-container .in-separator,
.advanced-search-results2 .blog-container .in-separator,
.advanced-search-results2 .blog-container .product-in {
    display: none;
}

.advanced-search-results .in-separator, .advanced-search-results2 .in-separator {
    color: #ec953e;
    margin-right: 5px;
}

.advanced-search-results .categories-container .product-in,
.advanced-search-results .manufacturers-container .product-in,
.advanced-search-results2 .categories-container .product-in,
.advanced-search-results2 .manufacturers-container .product-in {
    margin-right: 5px;
    font-weight: 700;
}

.advanced-search-results .categories-container .product-title,
.advanced-search-results .manufacturers-container .product-title,
.advanced-search-results2 .categories-container .product-title,
.advanced-search-results2 .manufacturers-container .product-title {
    color: #ec953e;
}

.advanced-search-results .categories-container .container-off,
.advanced-search-results .manufacturers-container .container-off,
.advanced-search-results2 .categories-container .container-off,
.advanced-search-results2 .manufacturers-container .container-off {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 300;
}

.advanced-search-results .product-title b, .advanced-search-results2 .product-title b {
    font-weight: 700;
}

.advanced-search-results .product-desc b, .advanced-search-results2 .product-desc b {
    color: #212529;
}

.advanced-search-results .left-side,
.advanced-search-results .right-side,
.advanced-search-results2 .left-side,
.advanced-search-results2 .right-side {
    height: inherit;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.advanced-search-results .categories-container .list-group-item,
.advanced-search-results .manufacturers-container .list-group-item,
.advanced-search-results .blog-container .list-group-item,
.advanced-search-results2 .categories-container .list-group-item,
.advanced-search-results2 .manufacturers-container .list-group-item,
.advanced-search-results2 .blog-container .list-group-item {
    padding: 5px 0;
    border: 0;
}

    .advanced-search-results .categories-container .list-group-item a,
    .advanced-search-results .manufacturers-container .list-group-item a,
    .advanced-search-results .blog-container .list-group-item a,
    .advanced-search-results2 .categories-container .list-group-item a,
    .advanced-search-results2 .manufacturers-container .list-group-item a,
    .advanced-search-results2 .blog-container .list-group-item a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        line-height: 1;
        font-size: 14px;
        color: #212529;
    }

.advanced-search-results img, .advanced-search-results img {
    height: 4rem;
    padding-right: 0 !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    position: static !important;
    -o-object-fit: contain;
    object-fit: contain;
}


.advanced-search-results .right-side, .advanced-search-results2 .right-side {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .advanced-search-results .right-side, .advanced-search-results2 .right-side {
        width: 100vw
    }
}

.advanced-search-results .products-title, .advanced-search-results2 .products-title {
    padding-left: 15px;
    color: var(--color-dark-2-5) !important;
}

.advanced-search-results .products-container .list-group-item, .advanced-search-results2 .products-container .list-group-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    padding: 10px 30px 10px 5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .advanced-search-results .products-container .list-group-item:hover, .advanced-search-results2 .products-container .list-group-item:hover {
        background-color: var(--color-body-bg-2);
    }

.advanced-search-results .right-side .products-container .ui-menu-item,
.advanced-search-results .right-side .products-container .ui-menu-item .ui-menu-item-wrapper,
.advanced-search-results .right-side .products-container .ui-menu-item .ui-menu-item-wrapper .linkEnter,
.advanced-search-results2 .right-side .products-container .ui-menu-item,
.advanced-search-results2 .right-side .products-container .ui-menu-item .ui-menu-item-wrapper,
.advanced-search-results2 .right-side .products-container .ui-menu-item .ui-menu-item-wrapper .linkEnter {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item,
.container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper,
.container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper .linkEnter,
.container.advanced-search-results2.col-12.open .right-side .products-container .ui-menu-item,
.container.advanced-search-results2.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper,
.container.advanced-search-results2.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper .linkEnter {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 19001 !important;
}


@media screen and (max-width: 767px) {
    .advanced-search-results .right-side .products-container .ui-menu-item:last-child,
    .advanced-search-results2 .right-side .products-container .ui-menu-item:last-child {
        border-radius: 0 !important
    }
}

.advanced-search-results .right-side .products-container .ui-menu-item:hover,
.advanced-search-results2 .right-side .products-container .ui-menu-item:hover {
    /*background: #0A1219 !important;*/
}

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

.advanced-search-results.open .list-group-item {
    background: transparent;
}

.advanced-search-results .products-container .product-title,
.advanced-search-results .blog-container .product-title,
.advanced-search-results2 .products-container .product-title,
.advanced-search-results2 .blog-container .product-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 767px) {
    .advanced-search-results .products-container .product-title,
    .advanced-search-results .blog-container .product-title,
    .advanced-search-results2 .products-container .product-title,
    .advanced-search-results2 .blog-container .product-title {
        font-size: 12px;
    }
}

.advanced-search-results .products-container .product-title b,
.advanced-search-results .blog-container .product-title b,
.advanced-search-results2 .products-container .product-title b,
.advanced-search-results2 .blog-container .product-title b {
    color: var(--color-active);
}

.advanced-search-results .products-container .list-group-item .desc .product-title:last-child, .advanced-search-results2 .products-container .list-group-item .desc .product-title:last-child {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
    color: #757873;
}

@media screen and (max-width: 767px) {
    .advanced-search-results .products-container .list-group-item .desc .product-title:last-child, .advanced-search-results2 .products-container .list-group-item .desc .product-title:last-child {
        font-size: 12px
    }
}

.advanced-search-results .price, .advanced-search-results2 .price {
    font-size: 14px;
    font-weight: 700;
    color: #ec953e;
}

.advanced-search-results .products-container .product-desc,
.advanced-search-results2 .products-container .product-desc {
    color: #6c757d;
    max-height: 21px;
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advanced-search-results .blog-container .product-desc,
.advanced-search-results2 .blog-container .product-desc {
    color: #6c757d;
    max-height: 21px;
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.advanced-search-results .rating-box::before,
.advanced-search-results .rating-box .rating:before,
.advanced-search-results2 .rating-box::before,
.advanced-search-results2 .rating-box .rating:before {
    font-size: 18px;
}

.advanced-search-results .ratings,
.advanced-search-results2 .ratings {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
}

ul.ui-autocomplete li:hover {
    cursor: pointer;
    background-color: #f7f7f9;
}

ul.ui-autocomplete {
    display: none !important;
    background-color: var(--color-white);
    padding-left: 0;
    z-index: 9999;
    animation-name: autocomplete-desktop;
    animation-duration: .3s;
    -webkit-animation-name: autocomplete-desktop;
    -webkit-animation-duration: .3s;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.45);
    position: absolute !important;
}

@-webkit-keyframes autocomplete-desktop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes autocomplete-desktop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

ul.ui-autocomplete li {
    padding: 10px;
    border-top: 1px solid var(--color-body-bg-2);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    ul.ui-autocomplete li img {
        padding-right: 5px;
        width: 100%;
        height: 100%;
    }



.btn-primary {
    background: var(--color-general-dark-5);
    border-radius: 6px;
}

.btn-outline-primary {
    border: 2px solid var(--color-general-dark-5);
    color: var(--color-general-dark-5);
    border-radius: 6px;
}

@media (max-width: 767px) {
    .btn-outline-primary {
        padding: 10px 20px;
    }
}

.btn-outline-primary:hover {
    color: var(--color-white);
    background: var(--color-general-dark-5);
}

.line {
    margin: 10px 0;
    height: 2px;
    border-radius: 100px;
}

.fa-user-check {
    font-size: 1.3rem;
    margin: 0 10px;
    color: var(--color-white) !important;
}

@media screen and (max-width: 767px) {
    .fa-user-check {
        color: black !important;
        font-size: 2rem;
    }
}



ul {
    list-style: none;
    margin: 0;
}

.sticky-profile li {
    height: 0 !important;
}


.other-page-header #small-searchterms {
    padding: 10px !important;
}


#Setting {
    opacity: 0;
    visibility: hidden;
    width: 300px;
    height: auto;
    padding: 22px 24px;
    border-radius: 20px;
    border: solid 1px var(--color-extra-light-gray-5-2);
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    z-index: 19003;
    left: -15px;
    top: 100%;
    overflow: hidden;
    position: absolute;
    padding-bottom: 0;
    top: 70px !important
}
#Setting {
    background-color: var(--color-bg-base-200);
}
#Setting {
    border: unset !important;
}

@media screen and (max-width: 991px) {
    #Setting {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100%;
        width: 90% !important;
        opacity: 1;
        visibility: visible;
        border-radius: unset !important
    }

        #Setting li {
            font-size: 14px !important
        }
}

.account-page.payments-page {
    background: var(--color-white);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 32px 35px !important
}

    .account-page.payments-page .table td, .account-page.payments-page .table th {
        border-top: unset
    }

    .account-page.payments-page .table td, .account-page.payments-page .table th {
        border-bottom: 1px solid #B8B8B8;
        white-space: nowrap
    }

@media screen and (max-width: 767px) {
    .account-page.payments-page .table td, .account-page.payments-page .table th {
    }
}

#name-login:hover #Setting {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.profile-picture-header {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background: var(--color-white-search-fixed) !important;
    overflow: hidden
}



.profile-pic {
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.payments-page li {
    width: 20%;
    color: var(--color-medium-dark-gray);
    padding: 10px 15px !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
    font-size: 1rem;
    line-height: 26px;
}


@media screen and (max-width: 767px) {
    .payments-page li {
        font-weight: 500;
        font-size: 10px;
        line-height: 26px;
    }



    .account-page.payments-page {
        padding: 16px 7px !important
    }
}

.payments-page ul {
    border-bottom: 2px solid var(--color-medium-gray-2);
}

.payment-title-hidden, .continue-table-payment {
    display: none;
    max-width: 50px !important;
}

.continue-table-payment {
    max-width: 50px !important;
    height: 11px;
    background: rgba(196, 196, 196, 0.63);
    border-radius: 10px;
    padding: 9px 4px !important;
    margin: auto !important
}

    .continue-table-payment span {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: var(--color-dark-2-5)
    }

.payment-title {
    color: var(--color-dark-2-5) !important;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .payments-page li {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 10px 15px !important
    }

    .payment-title-hidden, .continue-table-payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .payments-page ul li:nth-child(n+5) {
        display: none
    }

    .modal .payments-page ul li:nth-child(n+5) {
        display: block
    }
}

.header .nav-item a .profile-mobile {
    color: var(--color-dark-2-5) !important;
}

.header .nav-item a .profile-mobile-green {
    color: #01B37F !important
}

@media screen and (max-width: 767px) {
    .header .nav-item a .profile-mobile, .header .nav-item a .profile-mobile-green {
        font-size: 16px
    }
}

#Setting .profile-name {
    font-weight: 700;
    font-size: .85rem;
}

#Setting .profile-name {
    font-size: 14px !important;
    font-weight: 500 !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    direction: ltr;
}

    #Setting .profile-level-color {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #FBB040
    }

#Setting .profile-level {
    color: var(--color-general-dark);
    font-size: .8rem
}
/*progress bar profile dropdown*/
#Setting .progresss {
    position: relative;
    margin: 4px;
    text-align: center;
}

#Setting .barOverflow { /* Wraps the rotating .bar */
    position: relative;
    overflow: hidden; /* Comment this line to understand the trick */
    width: 90px;
    height: 45px; /* Half circle (overflow) */
}

.profile-progress h5 {
    font-weight: 700;
    font-size: 16px;
}

.profile-progress p {
    font-size: .7rem;
    font-weight: 400;
    color: var(--color-dark-2-5)
}

#Setting .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px; /* full circle! */
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid #eee; /* half gray, */
    border-bottom-color: var(--color-active); /* half azure */
    border-right-color: var(--color-active);
}

.profile-progress {
    border-bottom: 1px solid var(--color-extra-light-gray-3);
    border-top: 1px solid var(--color-extra-light-gray-3);
    padding: 20px 0
}

.profile-subscription p {
    font-size: .8rem;
    color: var(--color-primary-blue);
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .profile-subscription p {
        font-size: 16px !important
    }
}

.number-messages {
    background: #636161;
    border-radius: 9px;
    color: #fff;
    width: 23px;
    height: 23px;
}

#Setting li {
    font-size: .85rem;
    color: var(--color-dark-2-5);
    margin: 15px 0
}

#Setting li {
    padding: 16px;
}

#Setting .mobile-menu-item-list li a {
    color: var(--color-dark-2-5) !important;
}

#Setting .mobile-menu-item-list li a {
    color: var(--color-dark-2-5) !important;
    font-weight: 400;
}

    .profile-stat {
        background: var(--color-bg-base-100);
        border-radius: 16px;
    }

.profile-stat li {
    margin: unset !important;
}

    @media screen and (max-width: 991px) {
        #Setting li {
        font-size: 16px
    }

    /*        #Setting li:nth-child(2) {
            margin: 35px 0;
            border-radius: 16px
        }

        #Setting li:nth-child(3), #Setting li:nth-child(4), #Setting li:nth-child(5), #Setting li:nth-child(6), #Setting li:nth-child(7), #Setting li:nth-child(8), #Setting li:nth-child(9), #Setting li:nth-child(10) {
            border-bottom: 1px solid var(--color-extra-light-gray-5-2);
            padding-bottom: 15px
        }*/

    #Setting .profile-name {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    #Setting .profile-level {
        font-weight: 400;
        font-size: 12px !important;
        line-height: 22px;
    }
}


#Setting .logout {
    color: var(--color-general-dark);
    font-size: .85rem;
    font-weight: 400;
}

.logout {
    color: #BA1A1A !important
}

@media screen and (max-width: 767px) {
    #Setting .logout {
        font-size: 16px;
        color: #BA1A1A !important
    }
}



.spec-details:first-child {
    margin-right: 0 !important
}




.home-page {
    width: 100%;
    padding: 0 !important;
}

    .home-page .product-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }


@media screen and (max-width: 991px) {
    .home-page .product-container {
        padding: 30px;
    }
}

@media screen and (max-width: 767px) {
    .home-page .product-container {
        padding: 15px 0;
        overflow-x: visible;
    }
}

.home-page .product-container .picture-container {
    width: 12rem;
    height: 12rem;
    border-radius: 6rem;
    overflow: hidden;
}

    .home-page .product-container .picture-container img {
        -o-object-fit: cover;
        object-fit: cover;
        position: center;
    }

.home-page .product-container .name-authorityion {
    font-size: 1.2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-dark-2-5);
}

.home-page .product-container .authority-box .prod-list:nth-child(n+7) {
    display: none;
}

    .home-page .product-container .authority-box .prod-list:nth-child(n+7) img {
        border-radius: 50%;
        border: 1px solid var(--color-general-dark-5);
    }

@media screen and (max-width: 767px) {
    .home-page #points {
        display: none;
    }
}

.home-page .point-box {
    border-radius: 12px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--color-white);
    padding: 36px 66px;
    /*width: 100%;*/
    width: 32.625rem;
    height: 15.125rem;
    margin-top: calc(-50% + 200px);
}

@media screen and (max-width: 2700px) {
    .home-page .point-box {
        margin-top: calc(-50% + 300px);
    }
}

@media screen and (max-width: 2300px) {
    .home-page .point-box {
        margin-top: calc(-50% + 250px);
    }
}

@media screen and (max-width: 2000px) {
    .home-page .point-box {
        margin-top: calc(-50% + 200px);
    }
}

@media screen and (max-width: 1750px) {
    .home-page .point-box {
        margin-top: calc(-50% + 150px);
    }
}

@media screen and (max-width: 1600px) {
    .home-page .point-box {
        margin-top: calc(-50% + 150px);
        padding: 36px 40px;
    }
}

@media screen and (max-width: 1450px) {
    .home-page .point-box {
        margin-top: calc(-50% + 130px);
        padding: 30px 20px;
    }
}

@media screen and (max-width: 1250px) {
    .home-page .point-box {
        margin-top: calc(-50% + 100px);
        padding: 20px 10px;
    }
}

@media screen and (max-width: 991px) {
    .home-page .point-box {
        margin-top: calc(-50% + 50px);
        padding: 20px 10px;
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .home-page .point-box {
        padding: 20px 10px;
    }
}

.home-page .point-box p {
    text-align: start;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}

@media screen and (max-width: 1200px) {
    .home-page .point-box p {
        font-size: 1.2rem;
    }
}

.home-page .point-box p:last-child {
    color: var(--color-dark-2-5);
}

.home-page .dropdown-menu {
    min-width: 0 !important;
    width: 100%;
    padding-right: 1.3rem !important;
    padding-left: 1.3rem !important;
    border-radius: 16px;
    background: var(--color-white);
    color: var(--color-dark-2-5);
}

.home-page #small-search-box-form {
    height: 491px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(/Plugins/Libra/Content/images/libra-collections-nowruz.png) center 42% no-repeat;
    background: -o-linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/Plugins/Libra/Content/images/libra-collections-nowruz.png) center 42% no-repeat;
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/Plugins/Libra/Content/images/libra-collections-nowruz.png) center 42% no-repeat;
    background-size: cover;
    position: absolute;
    top: 72px;
    left: 0;
}


@media screen and (max-width: 767px) {
    .home-page #small-search-box-form {
        height: 404px;
    }
}



.home-page .search-more-button-home {
    min-width: 51px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-active) !important;
    border-radius: 8px 0 0 8px;
}

.search-more-button {
    border-radius: 8px 0 0 8px !important
}

.home-page .fixed-input-homepage .search-more-button-home {
    left: 0 !important
}

@media screen and (max-width: 991px) {
    .home-page .search-more-button-home {
        width: fit-content
    }
}

@media screen and (max-width: 767px) {
    .home-page .search-more-button-home span {
        font-weight: 400;
        font-size: 12px !important;
        line-height: 18px;
    }
}

.home-page .search-more-button-home span {
    font-size: 0.85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.home-page .search-box-text {
    border-radius: 0 8px 8px 0 !important;
    padding: 16px;
    height: 48px;
    background: var(--color-white-search) !important;
    border-color: var(--color-white-search) !important;
    color: var(--color-medium-dark-gray-3)
}


.home-page #small-search-box-form.small-search-box-form-home .position-relativee .search-box-text {
    width: 100% !important;
    height: 48px;
    padding: 11px 16px;
    border: none !important;
    background-color: var(--color-general-light);
    color: var(--color-dark-2-5);
    margin: 0 !important
}

.home-page #small-search-box-form.small-search-box-form-home .position-relativee {
    padding: 0;
    margin: 0;
    border-radius: 8px;
    position: relative;
}

.home-page #small-search-box-form.small-search-box-form-home .fixed-input-homepage .position-relativee {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    border-radius: 8px;
    position: relative;
    padding: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin: 0 !important
}

.home-page #small-search-box-form.small-search-box-form-home h1 {
    font-size: 3rem;
    white-space: normal;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-dark-2-5);
    margin-top: 32px !important;
}

.home-page #small-search-box-form.small-search-box-form-home h3 {
    font-size: .875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-707070);
    margin-top: 32px !important;
}

@media screen and (max-width: 575px) {
    .home-page .search-box-text {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    .home-page .search-box-text {
        border-radius: 12px;
        border: solid 1px var(--color-extra-light-gray-5-2);
        background-color: var(--color-white);
    }

        .home-page .search-box-text::-webkit-input-placeholder {
            color: var(--color-medium-dark-gray-3) !important;
            font-size: 14px;
        }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
    .home-page .search-box-text::-webkit-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-medium-dark-gray-3) !important;
    }
}

@media (max-width: 767px) {
    .home-page .search-box-text::-moz-placeholder {
        color: var(--color-medium-dark-gray-3) !important;
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
    .home-page .search-box-text::-moz-placeholder {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-medium-dark-gray-3)
    }
}

@media (max-width: 767px) {
    .home-page .search-box-text:-ms-input-placeholder {
        color: var(--color-medium-dark-gray-3) !important;
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
    .home-page .search-box-text:-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-medium-dark-gray-3) !important;
    }
}

@media (max-width: 767px) {
    .home-page .search-box-text::-ms-input-placeholder {
        color: var(--color-medium-dark-gray-3) !important;
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
    .home-page .search-box-text::-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-medium-dark-gray-3) !important;
    }
}

@media (max-width: 767px) {
    .home-page .search-box-text::-webkit-input-placeholder {
        font-size: 14px;
    }

    .home-page .search-box-text::-moz-placeholder {
        font-size: 14px;
    }

    .home-page .search-box-text:-ms-input-placeholder {
        font-size: 14px;
    }

    .home-page .search-box-text::-ms-input-placeholder {
        font-size: 14px;
    }

    .home-page .search-box-text::placeholder {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
    .home-page .search-box-text::-webkit-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }

    .home-page .search-box-text::-moz-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }

    .home-page .search-box-text:-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }

    .home-page .search-box-text::-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }

    .home-page .search-box-text::placeholder {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }
}



.home-page .fa-search {
    font-size: 2rem;
    -webkit-transform: rotateY("180deg");
    color: var(--color-dark-2-5) !important;
    transform: rotateY("180deg");
}

.home-page .category-container {
    margin: 120px 139px;
}

@media screen and (max-width: 1500px) {
    .home-page .category-container {
        margin: 120px 40px;
    }
}

@media screen and (max-width: 991px) {
    .home-page .category-container {
        margin: 120px 20px;
    }
}

@media screen and (max-width: 767px) {
    .home-page .category-container {
        margin: 20px;
    }
}

@media screen and (max-width: 575px) {
    .home-page .category-container {
        margin: 1.5rem;
        padding: 0 !important
    }
}

.category-cont-icon:first-child {
    padding-right: 0 !important
}

.category-cont-icon:last-child {
    padding-left: 0 !important
}

.home-page .category-container h2 {
    font-size: 1.3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
}

.home-page .category-container .item {
    border-radius: 16px;
    border: solid 1px var(--color-body-bg-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 20px;
    margin: 10px;
    background: var(--color-white);
}

@media screen and (max-width: 767px) {
    .home-page .category-container .item {
        margin: 0;
        max-width: 150px;
        max-height: 32px;
        border-radius: 8px;
        border: solid 1px var(--color-extra-light-gray-5-2);
        background-color: var(--color-extra-light-gray-4);
        padding: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.home-page .category-container .item:first-child {
    margin-right: 0 !important;
}

.home-page .category-container .item:last-child {
    margin-left: 0 !important;
}

.home-page .category-container .item .name-category {
    margin-top: 16px;
    color: var(--color-blue-2-5);
}

@media screen and (max-width: 767px) {
    .home-page .category-container .item .name-category {
        margin-top: 0;
    }
}

.home-page .category-container .item .name-category a {
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-general-dark-5);
}

@media screen and (max-width: 1500px) {
    .home-page .category-container .item .name-category a {
        font-size: 0.85rem;
        margin-top: 0;
        white-space: nowrap;
    }
}

@media screen and (max-width: 767px) {
    .home-page .category-container .item .name-category a {
        font-size: 1.2rem;
        font-weight: normal;
    }
}

.Head {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-general-dark-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .home-page .Head {
        padding: 0;
        margin: 0 20px;
    }
}

@media (max-width: 767px) {
    .home-page .Head {
        padding: 0;
        margin: 0;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        color: var(--color-dark-2-5);
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block
    }
}



.home-page .Head {
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
}

@media screen and (max-width: 767px) {
    .home-page .Head {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: start;
    }
}

.home-page .plan .plan-container .plan-card {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .home-page .plan .plan-container .plan-card:hover {
        -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.35);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.details-container {
    padding: 53px 70px !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
}

@media screen and (max-width: 767px) {
    .details-container {
        padding: 10px !important
    }
}

.home-page .plan .plan-price {
    font-size: 3rem;
    font-weight: bold;
}

.home-page .plan #Family {
    display: none;
}

.home-page .plan #plan-monthly {
    font-weight: bold;
}

.home-page .plan .title {
    font-size: 3rem;
    margin-bottom: 50px;
}

.home-page .plan .desc {
    color: var(--color-active);
    margin-bottom: 50px;
    font-weight: normal;
}

.home-page .plan .switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 38px;
    margin-top: -10px;
}

@media screen and (max-width: 767px) {
    .home-page .plan .switch {
        margin-top: -15px !important;
    }
}

.home-page .plan .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.home-page .plan .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

@media screen and (max-width: 767px) {
    .home-page .plan .switch .slider {
        top: 6px;
        right: 7px;
    }
}

.home-page .plan .switch .slider.round {
    border-radius: 34px;
}

    .home-page .plan .switch .slider.round::before {
        border-radius: 50%;
    }

.home-page .plan .switch .slider:before {
    position: absolute;
    content: "";
    height: 34px;
    width: 34px;
    right: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

@media (max-width: 767px) {
    .home-page .plan .switch .slider:before {
        height: 28px;
        width: 28px;
    }
}

.home-page .plan .switch span {
    text-align: left;
    color: #707070;
    padding: 5px;
}

.home-page .plan .switch input:checked + .slider:before {
    -webkit-transform: translateX(-41px);
    -ms-transform: translateX(-41px);
    transform: translateX(-41px);
}

.home-page .plan .plan-card {
    background: var(--color-white);
    padding: 65px;
}

@media screen and (max-width: 991px) {
    .home-page .plan .plan-card {
        padding: 25px;
    }
}

@media screen and (max-width: 767px) {
    .home-page .mobile-picture {
        height: 260px;
        overflow: hidden;
        position: relative;
    }

        .home-page .mobile-picture:after {
            content: '';
            position: absolute;
            left: 0;
            background-image: -o-linear-gradient(top, var(--color-read-heart), var(--color-read-heart-opacity));
            background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-read-heart)), to(var(--color-read-heart-opacity)));
            background-image: linear-gradient(to bottom, var(--color-read-heart), var(--color-read-heart-opacity));
            width: 100%;
            height: 100%;
        }
}



@media screen and (min-width: 1600px) {
    .app-button-link {
        width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }
}

.dl-app-button {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    /*    padding: 10px;*/
}

footer .dl-app-button {
    border: 1px solid transparent;
    background: #DADADA;
    color: #191919;
    padding: 10px
}

@media screen and (max-width: 767px) {
    .dl-app-button {
        padding: 5px !important;
    }

    footer .dl-app-button i {
        font-size: 3rem !important
    }

    #download-app .app-button-link:first-child {
        padding-left: 10px !important
    }

    #download-app .app-button-link:last-child {
        padding-right: 10px !important
    }
}

footer .dl-app-button p {
    color: #191919 !important
}

.img-dl-container {
    position: relative
}

    .img-dl-container img:first-child {
        z-index: 1;
        /* left: 50%;
        transform: translateX(-50%);*/
        /*  left: 212px*/
    }

@media screen and (max-width: 1200px) {
    .img-dl-container img:first-child {
        max-width: 100%
    }
}

.img-dl-container img:last-child {
    z-index: 0
}

.img-dl-container img {
    position: absolute;
    bottom: -53px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 1400px) {
    .img-dl-container img {
        bottom: -27px
    }
}

.home-page .download-app {
    height: 428px;
    margin-bottom: 80px
}


@media screen and (max-width: 767px) {
    .img-dl-container {
        height: 200px;
    }

        .img-dl-container img {
            left: 50% !important;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            max-height: 300px;
            bottom: -107px
        }

            .img-dl-container img:first-child {
                max-height: 320px;
                /*  width: 85%;*/
            }
}

.download-app .fab {
    color: #fff;
    font-size: 2rem
}

.dl-app-text p:first-child {
    color: #fff;
    font-size: .75rem;
    text-align: start
}


.dl-app-text p:last-child {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: start;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .dl-app-text p:first-child {
        font-weight: 400;
        font-size: 10px;
        line-height: 15px;
    }

    .dl-app-text p:last-child {
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
    }
}

.dl-app-text p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.author {
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 767px) {
    .home-page .download-app .title span {
        font-weight: 400;
        font-size: 24px;
        line-height: 38px;
    }

    .home-page .download-app .title {
        padding: 0 21px
    }

    .home-page .download-app .text p {
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        margin-bottom: 41px !important
    }
}


.header, .search-header {
    background-color: var(--color-white);
    height: 72px !important;
    width: 100%;
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    .header, .search-header {
        margin-top: 0 !important;
        background: transparent !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .other-header {
        background: var(--color-white) !important
    }

    .img-search-header {
        max-width: unset
    }
}

@media screen and (max-width: 991px) {
    .mobile-menu {
        position: absolute;
        background: var(--color-white);
        width: 0;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100000;
        position: fixed;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        overflow: hidden
    }

        .mobile-menu .closebtn {
            font-size: 4rem !important;
            z-index: 999
        }
}

@media screen and (max-width: 767px) {
    .header, .search-header {
        z-index: 2 !important
    }
}

@media screen and (min-width: 768px) {
    .input-group {
        width: 100%
    }

    #searchClick {
        width: 100%
    }
}

.header .search-more-button, .search-header .search-more-button {
    height: 48px;
    border-radius: 8px 0 0 8px
}

.header .categories, .search-header .categories {
    white-space: nowrap;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
    white-space: nowrap;
}


@media screen and (max-width: 991px) {
    .header .categories, .search-header .categories {
        font-size: 0.8rem
    }
}

@media screen and (max-width: 767px) {
    .dropdown.megamenu-li {
        padding-top: 15px;
        font-size: 1.5rem;
    }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: var(--color-white);
}

.header .position-relative, .header .search-box-text, .search-header .position-relative, .search-header .search-box-text {
    height: fit-content !important;
    padding: 12px;
    border-radius: 8px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--color-footer-text) !important;
    background: var(--color-footer-input) !important;
    border: none !important
}

@media screen and (max-width: 767px) {
    .header .position-relative, .header .search-box-text, .search-header .position-relative, .search-header .search-box-text {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 12px;
        font-size: 14px !important;
    }
}
@media screen and (max-width: 767px) {
    .header .position-relative, .header .search-box-text, .search-header .position-relative, .search-header .search-box-text {
        font-size: 16px !important;
    }
}

.header .position-relative:focus, .header .search-box-text:focus, .search-header .position-relative:focus, .search-header .search-box-text:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.header .position-relative::-webkit-input-placeholder, .header .search-box-text::-webkit-input-placeholder, .search-header .position-relative::-webkit-input-placeholder, .search-header .search-box-text::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .header .position-relative::-webkit-input-placeholder, .header .search-box-text::-webkit-input-placeholder, .search-header .position-relative::-webkit-input-placeholder, .search-header .search-box-text::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.header .position-relative::-moz-placeholder, .header .search-box-text::-moz-placeholder, .search-header .position-relative::-moz-placeholder, .search-header .search-box-text::-moz-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}


@media screen and (max-width: 767px) {
    .header .position-relative::-moz-placeholder, .header .search-box-text::-moz-placeholder, .search-header .position-relative::-moz-placeholder, .search-header .search-box-text::-moz-placeholder {
        font-size: 14px;
    }
}


.header .position-relative:-ms-input-placeholder, .header .search-box-text:-ms-input-placeholder, .search-header .position-relative:-ms-input-placeholder, .search-header .search-box-text:-ms-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .header .position-relative:-ms-input-placeholder, .header .search-box-text:-ms-input-placeholder, .search-header .position-relative:-ms-input-placeholder, .search-header .search-box-text:-ms-input-placeholder {
        font-size: 14px;
    }
}


.header .position-relative::-ms-input-placeholder, .header .search-box-text::-ms-input-placeholder, .search-header .position-relative::-ms-input-placeholder, .search-header .search-box-text::-ms-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .header .position-relative::-ms-input-placeholder, .header .search-box-text::-ms-input-placeholder, .search-header .position-relative::-ms-input-placeholder, .search-header .search-box-text::-ms-input-placeholder {
        font-size: 14px;
    }
}

.header .position-relative::-webkit-input-placeholder, .header .search-box-text::-webkit-input-placeholder, .search-header .position-relative::-webkit-input-placeholder, .search-header .search-box-text::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.header .position-relative::-moz-placeholder, .header .search-box-text::-moz-placeholder, .search-header .position-relative::-moz-placeholder, .search-header .search-box-text::-moz-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.header .position-relative:-ms-input-placeholder, .header .search-box-text:-ms-input-placeholder, .search-header .position-relative:-ms-input-placeholder, .search-header .search-box-text:-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.header .position-relative::-ms-input-placeholder, .header .search-box-text::-ms-input-placeholder, .search-header .position-relative::-ms-input-placeholder, .search-header .search-box-text::-ms-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.header .position-relative::placeholder, .header .search-box-text::placeholder, .search-header .position-relative::placeholder, .search-header .search-box-text::placeholder {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .header .position-relative::-webkit-input-placeholder, .header .search-box-text::-webkit-input-placeholder, .search-header .position-relative::-webkit-input-placeholder, .search-header .search-box-text::-webkit-input-placeholder {
        font-size: 14px;
    }

    .header .position-relative::-moz-placeholder, .header .search-box-text::-moz-placeholder, .search-header .position-relative::-moz-placeholder, .search-header .search-box-text::-moz-placeholder {
        font-size: 14px;
    }

    .header .position-relative:-ms-input-placeholder, .header .search-box-text:-ms-input-placeholder, .search-header .position-relative:-ms-input-placeholder, .search-header .search-box-text:-ms-input-placeholder {
        font-size: 14px;
    }

    .header .position-relative::-ms-input-placeholder, .header .search-box-text::-ms-input-placeholder, .search-header .position-relative::-ms-input-placeholder, .search-header .search-box-text::-ms-input-placeholder {
        font-size: 14px;
    }

    .header .position-relative::placeholder, .header .search-box-text::placeholder, .search-header .position-relative::placeholder, .search-header .search-box-text::placeholder {
        font-size: 14px;
    }
}

.header .position-relative, .search-header .position-relative {
    padding: 0 !important;
    border: solid 1px transparent !important;
    align-items: center
}

.header .login-button, .search-header .login-button {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-active) !important;
    background: var(--color-active) !important;
}

    .header .login-button a, .header .login-button span, .search-header .login-button a, .search-header .login-button span {
        font-size: 1rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-active) !important;
    }

.header .modal.fade, .search-header .modal.fade {
    z-index: 1000000 !important;
}

.header .header-logo-line, .search-header .header-logo-line {
    width: 0;
    height: 20px;
    margin: 4px 0;
    border: solid 1px #fff2e8;
    margin-right: 12px;
}

@media screen and (max-width: 767px) {
    .login-container {
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        width: 100%;
        background: var(--color-white);
        /* -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
        border-radius: 8px;*/
        padding: 9px 15px !important;
    }
}

.header .nav-item a, .search-header .nav-item a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-header-text)
}




    .header .nav-item a span, .search-header .nav-item a span {
        color: var(--color-header-text) !important;
        white-space: nowrap;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
    }

@media screen and (max-width: 767px) {
    .header .nav-item a, .search-header .nav-item a, .header .nav-item a span, .search-header .nav-item a span {
        color: var(--color-dark-2-5) !important
    }
}

.header .searchbox-scroll, .search-header .searchbox-scroll {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header .searchbox-scroll #small-search-box-form, .search-header .searchbox-scroll #small-search-box-form {
        background: transparent !important;
        height: 100% !important;
        margin: 0;
    }


@media screen and (max-width: 767px) {
    .header .header-links, .search-header .header-links {
        height: 100%;
    }

        .header .header-links .popover__wrapper, .search-header .header-links .popover__wrapper {
            height: 100%;
        }
}

.header .header-links #DownloadApp, .search-header .header-links #DownloadApp {
    color: var(--color-white);
    cursor: pointer;
}

@media (max-width: 767px) {
    .header .header-links #DownloadApp, .search-header .header-links #DownloadApp {
        color: #ababab !important;
        font-size: 1.3rem;
        /*display: none !important;*/
        width: auto;
    }
}

.header .header-links #DownloadApp, .search-header .header-links #DownloadApp {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header .header-links .nav-link .line, .search-header .header-links .nav-link .line {
    margin: 10px 0;
    height: 2px;
    border-radius: 100px;
}

.header .header-links .nav-link .fas, .search-header .header-links .nav-link .fas {
    font-size: 1rem;
}

.header .header-links ul, .search-header .header-links ul {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .header .header-links ul, .search-header .header-links ul {
        padding: 0;
    }
}

.header .header-links ul li:not(:first-child), .search-header .header-links ul li:not(:first-child) {
    /*border-right: 1px solid #fff;*/
}

/*.header .header-links ul li, .search-header .header-links ul li {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 0 20px;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    transition: all .5s;
}

@media screen and (max-width: 1500px) {
    .header .header-links ul li, .search-header .header-links ul li {
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .header .header-links ul li, .search-header .header-links ul li {
        border: none !important;
    }
}*/

@media screen and (max-width: 767px) {
    .search-header .small-search-box-form {
        display: none;
    }
}

/*@media screen and (max-width: 991px) {
    .search-header .position-relative {
        width: 80% !important;
    }
}*/

@media screen and (max-width: 767px) {
    /*.search-header .position-relative, .search-header .search-box-text {
        width: 100% !important;
    }*/

    .search-header .search-more-button {
        z-index: 101 !important;
    }

    .search-header .formSearch {
        position: absolute;
        top: 80px;
        padding: 0 !important;
    }

        .search-header .formSearch input {
            background: var(--color-white) !important;
            z-index: 100;
            width: 100%;
            border: none;
            -webkit-box-shadow: 1px 6px 5px -6px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 6px 5px -6px rgba(0, 0, 0, 0.2);
        }
}

.navbar {
    position: fixed;
    /*height: 60px;*/
    top: 100px;
    width: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
}

@media screen and (max-width: 767px) {
    .navbar {
        top: 80px !important;
        overflow-y: hidden;
    }

        .navbar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background-color: #F5F5F5;
        }

        .navbar::-webkit-scrollbar {
            width: 5px;
            background-color: #F5F5F5;
        }

        .navbar::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #555;
        }
}

@media screen and (max-width: 767px) {
    .navbar {
        top: 70px !important;
    }
}

.navbar .navbar-nav {
    padding: 0;
}

    .navbar .navbar-nav a:first-child {
        height: 100px;
    }

@media screen and (max-width: 767px) {
    .navbar .navbar-nav a:first-child {
        height: auto;
    }
}

.navbar .navbar-nav .item {
    text-align: center;
    /*width: 10%;*/
}

    .navbar .navbar-nav .item img {
        /*height: 100px;*/
        /*height: 100%;*/
    }

    .navbar .navbar-nav .item a {
        color: var(--color-dark-2-5);
        font-size: 1rem;
        white-space: nowrap;
    }

.authority-page {
    margin: 10px 139px;
}

    .authority-page .generalTitle {
        font-size: 1.3rem;
    }

@media screen and (max-width: 1500px) {
    .authority-page {
        margin: 10px 90px;
    }
}

@media screen and (max-width: 1200px) {
    .authority-page {
        margin: 10px 60px;
    }
}

@media screen and (max-width: 991px) {
    .authority-page {
        margin: 10px 30px;
    }
}

@media screen and (max-width: 767px) {
    .authority-page {
        margin: 5px;
        margin-top: 50px;
    }
}

.authority-page .product-info {
    margin: 0 !important;
}

@media screen and (max-width: 767px) {
    .authority-page h1 {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
}

.category-page {
    margin: 10px 139px;
    margin-right: 20px;
    margin-top: 50px !important;
}

@media screen and (max-width: 1500px) {
    .category-page {
        margin: 10px 40px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .category-page {
        margin: 10px 40px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 991px) {
    .category-page {
        margin: 10px 20px;
        margin-right: 20px;
        /*margin-top: 100px !important*/
    }
}

@media screen and (min-width: 768px) {
    .category-page .product-container:nth-child(2n) {
        padding-left: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .category-page {
        margin: 5px;
        /*margin-top: 100px !important;*/
    }

    .generalLeftSidee, .generalLeftSidee2, .generalLeftSidee3 {
        padding-bottom: 200px !important
    }

    .category-page .product-info {
        margin: 66px 0 !important;
        max-height: 150px !important;
    }

    .category-page .product-info {
        margin: 0 !important;
        max-height: 150px !important;
    }
}

@media screen and (max-width: 767px) {
    .categoryGrid .flex-grid {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
    }

        .categoryGrid .flex-grid .card {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

        .categoryGrid .flex-grid a {
            font-size: 1rem;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
}

.categoryGrid .flex-grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.categoryGrid .list-title, .title-category {
    white-space: nowrap;
    color: var(--color-dark-2-5)
}

.navbar-nav li a {
    color: var(--color-dark-2-5)
}

.category-page .bottom {
    padding-right: 2rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*.last-banner-home img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}*/

@media screen and (max-width: 767px) {
    .category-page .bottom {
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

/*.search-page {
    margin: 0 139px;
    margin-right: 20px
}

@media screen and (max-width: 1500px) {
    .search-page {
        margin: 0 90px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .search-page {
        margin: 0px 30px;
        margin-right: 20px
    }
}

@media screen and (max-width: 991px) {
    .search-page {
        margin: 0px 30px;
        margin-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .search-page {
        margin: 0 5px;
        margin-top: 50px;
    }
}*/

.search-page .bottom {
    padding: 0;
}

.search-page > p {
    color: var(--color-active-dark-2);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
    margin-bottom: 30px !important
}

.search-page .filter-toggle {
    padding: 10px;
    border-radius: 8px;
    background: var(--color-extra-light-gray-5);
}

.search-page .no-result {
    background: var(--color-white);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 24px;
    text-align: start
}

    .search-page .no-result h5 {
        color: var(--color-dark-2-5);
        font-weight: 700
    }

    .search-page .no-result p {
        color: var(--color-dark-2-5);
        font-weight: 500;
        font-size: 1rem
    }

    .search-page .no-result ul {
        padding: 10px 0
    }

    .search-page .no-result li {
        color: var(--color-dark-2-5);
        font-weight: 500;
        font-size: .85rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

.search-page .search-box-spec {
    /*border-bottom: 1px solid var(--color-extra-light-gray-2-5);*/
    margin-bottom: 8px;
    /*padding: 20px 0*/
}

.search-page .no-result li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--color-dark-2-5);
    border-radius: 4px;
    margin-left: 10px;
}

.search-page .filter-toggle p {
    font-size: .8rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    white-space: nowrap;
    color: var(--color-dark-2-5);
    margin-top: 5px;
    margin-right: 5px
}

@media screen and (max-width: 1500px) {
    .search-page .filter-toggle p {
        /*font-size: 0.6rem;*/
    }
}

@media screen and (max-width: 767px) {
    .search-page .filter-toggle p {
        font-size: 1rem;
    }
}

.search-page .filter-toggle legend {
    position: absolute;
    opacity: 0;
    z-index: -2;
    width: 1px;
    height: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.search-page .filter-toggle fieldset {
    max-width: 450px;
    width: 100%;
}

.search-page .filter-toggle label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

    .search-page .filter-toggle label:not(:last-child) {
        /*margin-bottom: 40px;*/
    }

    .search-page .filter-toggle label .l {
        margin-left: 20px;
    }

.search-page .filter-toggle input {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    z-index: -1;
}

    .search-page .filter-toggle input:checked ~ i {
        background: #0f9d58;
    }

        .search-page .filter-toggle input:checked ~ i:after {
            left: -50%;
            background: white;
            border: 1px solid #707070;
        }

.search-page .filter-toggle i {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #c9d6de;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .search-page .filter-toggle i:after, .search-page .filter-toggle i:before {
        position: relative;
        display: block;
        content: "";
        width: 60%;
        height: 140%;
        margin-top: -3px;
    }

    .search-page .filter-toggle i:after {
        left: 6px;
        border-radius: 50%;
        background: #f0f5f9;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .search-page .filter-toggle i:before {
        display: none;
    }

.search-page .filter-toggle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    right: 20px;
    color: #77919d !important;
    font-weight: 800;
    text-decoration: none;
    line-height: 1.5;
}

    .search-page .filter-toggle a img {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-right: 10px;
    }

    .search-page .filter-toggle a:hover {
        text-decoration: underline;
    }

.search-page .product-spec-group .viewBox {
    /*background: var(--color-extra-light-gray-5);*/
}

/*.search-page .generalLeftSidee {
    padding-right: 139px !important;
}

@media screen and (max-width: 1500px) {
    .search-page .generalLeftSidee {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 991px) {
    .search-page .generalLeftSidee {
        padding-right: 15px !important;
        width: 70%;
        max-width: 70%;
    }
}

@media screen and (max-width: 767px) {
    .search-page .generalLeftSidee {
        padding-right: 15px !important;
        overflow-y: scroll;
        z-index: 99 !important;
    }
}*/

.search-page .sound-detail-cont p {
    text-align: left !important;
    padding-left: 1.5rem;
}

.search-results .sample-audio-player {
    margin-top: 10px !important
}

@media screen and (min-width: 768px) {
    .search-results button:active, .search-results button:focus {
        /*background-color: var(--color-white) !important;*/
        border: none;
    }
}

.search-page .sound-detail-cont p a {
    font-size: .75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-active);
    position: relative;
    display: none;
}

    .search-page .sound-detail-cont p a:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f053";
        position: absolute;
        top: 8%;
        left: -20px;
        display: none
    }

.search-page .sound-detail-cont button {
    width: 11.25rem;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #fed8b9;
    background-color: var(--color-white);
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-active) !important;
}

@media screen and (max-width: 767px) {
    .category-page .sampleAudioPlayer {
        top: 0 !important;
        bottom: 20px;
    }
}

.category-page .sampleAudioPlayer {
    border: none !important;
    width: auto !important;
    height: 30px !important;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    margin: 0 !important;
    left: 10px;
    color: var(--color-general-dark-5) !important;
    font-size: .85rem;
    top: 60px
}

    .category-page .sampleAudioPlayer:hover, .category-page .sampleAudioPlayer:focus {
        background: transparent !important
    }

.pdf-icon {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    position: static !important
}

.search-page .sound-detail-cont button:focus {
    border: solid 1px #fed8b9;
    background-color: var(--color-white);
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-active) !important;
}

.js-offcanvas-triggerr, .js-offcanvas-triggerr2
.search-page .sound-detail-cont button span {
    color: var(--color-active) !important;
}

.search-page .generalSideRight .line {
    width: 100%;
    height: 1px;
    background-color: var(--color-light-gray-9);
}

.search-page .generalSideRight .nav-tabs {
    border: none !important;
}

    .search-page .generalSideRight .nav-tabs span {
        font-size: .85rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        margin-left: 10px;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-general-dark);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .search-page .generalSideRight .nav-tabs .active {
        border: none !important;
    }

    .search-page .generalSideRight .nav-tabs a {
        font-weight: 400;
        font-size: 1rem;
        line-height: 32px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-dark-2-5);
    }

    .search-page .generalSideRight .nav-tabs .nav-link {
        border: none !important;
    }

        .search-page .generalSideRight .nav-tabs .nav-link:hover {
            border: none !important;
        }

.js-offcanvas-triggerr, .js-offcanvas-triggerr2 {
    z-index: 1
}

.filters-search {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 0.85rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 100%
}


    /*    .filters-search:hover {
        color: var(--color-active) !important;
    }*/

    .filters-search input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .filters-search .checkmark {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -20px;
        width: 14px;
        height: 14px;
        border: solid 2px var(--color-dark-2-5);
        cursor: pointer;
        border-radius: 2px
    }

@media screen and (max-width: 575px) and (min-width: 780px) {
    .filters-search .checkmark {
        right: -5px
    }
}



.filters-search:checked ~ .checkmark {
    background-color: var(--color-dark-2-5);
}

.filters-search .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filters-search input:checked ~ .checkmark {
    background: var(--color-active);
    border: 2px solid var(--color-active)
}

    .filters-search input:checked ~ .checkmark:after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: 2px;
        width: 6px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.filter-box {
    max-height: 200px;
    overflow-y: auto;
    width: 100% !important;
}

.pdf-button {
    color: var(--color-general-dark-5);
}

    .pdf-button span {
        color: var(--color-general-dark-5);
    }

    .pdf-button .fas {
        color: var(--color-general-dark-5);
    }

    .pdf-button:hover {
        background: var(--color-general-dark-5);
        color: var(--color-white);
    }

        .pdf-button:hover span {
            color: var(--color-white);
        }

        .pdf-button:hover .fas {
            color: var(--color-white);
        }

@media (max-width: 767px) {
    .hover-img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .hover-img button {
        width: 100%;
        margin: 0 !important;
        margin-top: 5px !important;
    }
}

.catalog-selectors {
    /*margin-top: 80px;*/
    /*background: #fcfcfc;*/
}

@media (max-width: 1200pxpx) {
    .catalog-selectors {
        /*margin-top: 100px;*/
    }

        .catalog-selectors .sort {
            font-size: .93rem;
        }
}

.category-page .generalTitle {
    font-size: 1.3rem;
    color: var(--color-general-dark-5)
}

@media (max-width: 767px) {
    .category-page .generalTitle {
        margin-top: 100px !important
    }
}

.category-page .category-detail {
    font-size: .75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-active);
}

.category-page .card-title {
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
}

.category-page .card {
    padding: 8px 7px 6px 8px;
    border-radius: 8px;
    border: none !important;
}

    .category-page .card .list-title {
        border-radius: 8px;
        height: 32px;
        border: solid 1px #eaebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media screen and (max-width: 767px) {
    .search-page .audio-book, .authority-page .audio-book, .category-page .audio-book {
        height: 122px !important;
        position: static;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        border-radius: 0 0 8px 8px !important;
    }

    .position-relative-audio {
        bottom: 40px
    }
}

/*@media screen and (max-width: 991px) {
    .search-page, .authority-page, .category-page {
        margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .search-page, .authority-page, .category-page {
        margin-top: 100px;
    }
}*/


.page.category-page .position-relative-audio .audioBook, .page.category-page .position-relative.category-img-cont .e-book {
    position: absolute !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    width: 122px !important;
    /*height: 127px !important;*/
    -o-object-fit: fill !important;
    object-fit: fill !important;
    bottom: 0 !important
}

@media screen and (max-width: 767px) {
    .page.category-page .position-relative-audio .audioBook, .page.category-page .position-relative.category-img-cont .e-book {
        width: 100%
    }
}

.category-page .product-info .picture-container .headset-category {
    width: auto !important;
    height: auto !important;
    top: 75% !important;
    right: 20px;
    z-index: 2;
}

@media screen and (max-width: 1200px) {
    .category-page .product-info .picture-container .headset-category {
        width: auto !important;
        height: auto !important;
        top: 75% !important;
        right: 20px;
        z-index: 2;
    }
}

@media screen and (max-width: 991px) {
    .category-page .product-info .picture-container .headset-category {
        width: auto !important;
        height: auto !important;
        top: 75% !important;
        right: 20px;
        z-index: 2;
    }
}

.search-page .pagination, .authority-page .pagination, .category-page .pagination {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
}

@media (max-width: 767px) {
    .search-page .get-button, .authority-page .get-button, .category-page .get-button {
        width: 100%;
    }

    .search-page .product-grid .flex-grid .product-container .product-box .product-info, .authority-page .product-grid .flex-grid .product-container .product-box .product-info, .category-page .product-grid .flex-grid .product-container .product-box .product-info {
        margin-top: 24px !important
    }
}

.search-page .spec-container, .authority-page .spec-container, .category-page .spec-container {
    width: 100%;
}


    .search-page .spec-container .spec-value, .authority-page .spec-container .spec-value, .category-page .spec-container .spec-value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: start;
        margin-right: 5px;
    }

        .search-page .spec-container .spec-value a, .authority-page .spec-container .spec-value a, .category-page .spec-container .spec-value a {
            color: var(--color-active) !important;
        }

@media screen and (max-width: 575px) {
    .search-page .spec-container .spec-value a, .authority-page .spec-container .spec-value a, .category-page .spec-container .spec-value a {
        white-space: nowrap;
        overflow: visible;
        -o-text-overflow: clip;
        text-overflow: clip;
    }
}

.search-page .spec-container table, .authority-page .spec-container table, .category-page .spec-container table {
    width: 100%;
}

.search-page .spec-container tbody, .authority-page .spec-container tbody, .category-page .spec-container tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .search-page .spec-container tbody tr, .authority-page .spec-container tbody tr, .category-page .spec-container tbody tr {
        width: 100%;
        font-size: 1.1rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        color: #2d2d2d;
        text-align: center !important
    }


@media screen and (max-width: 991px) {
    .search-page .spec-container tbody tr, .authority-page .spec-container tbody tr, .category-page .spec-container tbody tr {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }


        .search-page .spec-container tbody tr a, .authority-page .spec-container tbody tr a, .category-page .spec-container tbody tr a {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: pre-wrap;
        }
}

@media screen and (max-width: 991px) {
    .category-page .spec-container tbody tr a {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
    }

        .category-page .spec-container tbody tr a:not(:last-child) {
            margin-bottom: 5px
        }
}

.search-page .spec-container tbody tr:last-child, .authority-page .spec-container tbody tr:last-child, .category-page .spec-container tbody tr:last-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    text-align: center !important;
    color: var(--color-dark-2-5) !important;
}

.search-page .product-info:nth-of-type(1) {
    margin-top: 0
}

.search-page .product-info:nth-of-type(2) {
    margin-top: 0
}

.search-page .product-info:nth-of-type(3) {
    margin-top: 0
}

.search-page .spec-container tbody tr:first-child, .authority-page .spec-container tbody tr:first-child, .category-page .spec-container tbody tr:first-child {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    color: var(--color-dark-2-5);
    margin-top: 32px
}

.search-page .spec-container tbody tr:not(:first-child), .authority-page .spec-container tbody tr:not(:first-child), .category-page .spec-container tbody tr:not(:first-child) {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: var(--color-dark-gray-4);
}

@media screen and (max-width: 767px) {
    .search-page .spec-container tbody tr:first-child, .authority-page .spec-container tbody tr:first-child, .category-page .spec-container tbody tr:first-child {
        font-size: 16px
    }
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
    .search-page .spec-container tbody tr:first-child, .authority-page .spec-container tbody tr:first-child, .category-page .spec-container tbody tr:first-child {
        font-size: 1.8rem !important;
    }

    .search-page .spec-container tbody tr:nth-child(3), .authority-page .spec-container tbody tr:nth-child(3), .category-page .spec-container tbody tr:nth-child(3) {
        font-size: .8rem !important;
    }

    .search-page .spec-container tbody tr:first-child, .authority-page .spec-container tbody tr:first-child, .category-page .spec-container tbody tr {
        font-size: .8rem !important;
    }
}

.search-page .spec-container tbody tr:nth-child(3), .authority-page .spec-container tbody tr:nth-child(3), .category-page .spec-container tbody tr:nth-child(3) {
    font-size: .85rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

.search-page .spec-container tbody tr:nth-child(n+4), .authority-page .spec-container tbody tr:nth-child(n+4), .category-page .spec-container tbody tr:nth-child(n+4) {
    display: none !important;
}

@media (max-width: 767px) {
    .search-page .spec-container tbody tr, .authority-page .spec-container tbody tr, .category-page .spec-container tbody tr {
        width: 100%;
    }
}

.search-page .spec-container tbody tr:nth-child(even), .authority-page .spec-container tbody tr:nth-child(even), .category-page .spec-container tbody tr:nth-child(even) {
    position: relative;
    /*&:before {
                        content: '';
                        height: 15px;
                        width: 2px;
                        background: #b9b9b9;
                        position: absolute;
                        top: 5px;
                        right: -10px;

                        @media (max-width: 575px) {
                            display: none
                        }
                    }*/
}

.search-page .title a, .authority-page .title a, .category-page .title a {
    color: #2d2d2d;
    font-size: 24px;
}

.search-page .product-container:first-child, .authority-page .product-container:first-child, .category-page .product-container:first-child {
    /*margin-top: 50px;*/
}

.search-page .product-box, .authority-page .product-box, .category-page .product-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* .search-page .product-box:first-child .product-info, .authority-page .product-box:first-child .product-info, .category-page .product-box:first-child .product-info {
        margin-top: 0 !important;
    }*/

@media screen and (max-width:767px) {
    .search-page .product-box:first-child .product-info, .authority-page .product-box:first-child .product-info, .category-page .product-box:first-child .product-info {
        margin-top: 0 !important;
    }
}

.search-page .product-info, .authority-page .product-info, .category-page .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-radius: 8px;
    /*background-color: #fffcf7;*/
    /*margin: 66px 0 !important;*/
    /*  margin-top: 100px !important;*/
    /*margin-bottom: 10px !important;*/
    position: relative;
    min-height: 164px
}

@media screen and (max-width: 767px) {
    .search-page .product-info, .authority-page .product-info, .category-page .product-info {
        min-height: unset;
    }
}

@media screen and (min-width: 768px) {
    /*.search-page .product-info:hover .sound-detail-cont {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .authority-page .product-info:hover .sound-detail-cont {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }*/

    .search-page .product-info, .authority-page .product-info {
        /* padding: 21px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        padding-right: 5px !important;*/
        /* padding-left: 0 !important;*/
        height: auto;
    }

    .category-page .product-box .product-info {
        height: 162px !important;
        margin-bottom: 100px !important;
    }

    .category-page .position-relative-audio, .authority-page .position-relative-audio {
        height: 127px !important
    }

    .category-page .product-info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .button-cont-category {
        position: absolute;
        top: 185px
    }

    /*.category-page .product-box .product-info:hover .category-detail {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }*/
}

.search-page .product-info img, .authority-page .product-info img, .category-page .product-info img {
    bottom: 0 !important;
}

.search-page .product-info .bottom, .authority-page .product-info .bottom, .category-page .product-info .bottom {
    /*margin-top: 20px;*/
}

    .search-page .product-info .bottom .buttons button, .authority-page .product-info .bottom .buttons button, .category-page .product-info .bottom .buttons button {
        border-radius: 6px !important;
        background-color: var(--color-general-dark-5);
        outline: none;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: 155px;
    }

@media screen and (max-width: 1300px) {
    .search-page .product-info .bottom .buttons button, .authority-page .product-info .bottom .buttons button, .category-page .product-info .bottom .buttons button {
        min-width: unset !important;
        width: 100%
    }
}

.search-page .product-info .hover-img .additional-info button, .authority-page .product-info .hover-img .additional-info button, .category-page .product-info .hover-img .additional-info button {
    background: transparent;
    border-radius: 6px !important;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 14px 14px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 155px;
    color: var(--color-general-dark-5);
    border: solid 2px var(--color-general-dark-5);
}

.search-page .product-info .rating-box, .authority-page .product-info .rating-box, .category-page .product-info .rating-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    height: 22px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

    .search-page .product-info .rating-box .rating, .authority-page .product-info .rating-box .rating, .category-page .product-info .rating-box .rating {
        position: absolute;
        left: 0;
        top: 0;
        height: 22px;
        overflow: hidden;
    }

.search-page .product-info .ratings, .authority-page .product-info .ratings, .category-page .product-info .ratings {
    font-size: 20px;
    height: 22px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: start;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

    .search-page .product-info .ratings .rating-cont, .authority-page .product-info .ratings .rating-cont, .category-page .product-info .ratings .rating-cont {
        width: auto;
        height: 20px;
        border-radius: 6px;
        border: 1px solid var(--color-extra-light-gray-5-2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .search-page .product-info .ratings .rating-cont span, .authority-page .product-info .ratings .rating-cont span, .category-page .product-info .ratings .rating-cont span {
            color: #98a3b6;
            font-size: 12px;
        }

    .search-page .product-info .ratings span, .authority-page .product-info .ratings span, .category-page .product-info .ratings span {
        color: #687a94;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media screen and (max-width: 575px) {
    .search-page .product-info .ratings span, .authority-page .product-info .ratings span, .category-page .product-info .ratings span {
        font-size: 8px
    }

    .items-container-shopping .picture a {
        height: 108.54px !important;
    }
}

.items-container-shopping .rtl-fold {
    height: 108.54px !important;
}

.search-page .product-info .ratings .rating::before, .authority-page .product-info .ratings .rating::before, .category-page .product-info .ratings .rating::before {
    content: "\2605";
    height: 22px;
    color: #98a3b6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 15px;
    position: absolute;
    left: 0;
}

.search-page .product-info .ratings .rating-box::before, .authority-page .product-info .ratings .rating-box::before, .category-page .product-info .ratings .rating-box::before {
    content: "\2605";
    height: 22px;
    color: #98a3b6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 15px;
}

/*.search-page .product-info .picture-container, .authority-page .product-info .picture-container, .category-page .product-info .picture-container {
    text-align:start;
    margin-right: 20px;*/
/*overflow: hidden;*/
/*max-width: 250px;
}*/

.search-page .product-info .picture-container img, .authority-page .product-info .picture-container img, .category-page .product-info .picture-container img {
    /*width: 120px;
        height: 11rem;*/
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    box-shadow: 0 3px 6px 0 rgba(44, 39, 56, 0.16);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*border: solid 1px var(--color-white);*/
    top: 50px;
    bottom: 0 !important;
}

/*.search-page .img-swiper {
    margin-top: -61px;*/
/*    width: unset !important;
    height: 320px*/
/*}*/

.search-page .rtl-fold {
    height: 100%
    /*top: -61px*/
}

@media screen and (max-width: 767px) {
    .search-page .rtl-fold {
        height: 100%;
        top: 0
    }

    /*   .search-page .img-swiper {
        margin-top: 0;
        height: auto
    }*/
}

.search-page .search-results .product-info .picture-container img, .authority-page .product-info .picture-container img, .category-page .product-info .picture-container img {
    bottom: 10px !important;
    top: auto !important
}

@media screen and (max-width: 767px) {
    .search-page .search-results .product-info .picture-container .e-book-search {
        top: auto !important;
        bottom: 0 !important
    }
}

.category-page .product-info .picture-container img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: unset;
    bottom: 0
}

@media screen and (min-width: 1200px) {
    .category-page .product-info .picture-container img {
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        /*top: 0 !important;*/
    }
}

@media screen and (max-width: 767px) {
    .e-book-search {
        top: 55px !important
    }
}

.e-book-search, .search-results .img-audio {
    top: -40px !important
}

.search-page .product-info .picture-container img, .authority-page .product-info .picture-container img {
    /*height: 11rem*/
}

.search-page .product-info .picture-container .img-audio, .authority-page .product-info .picture-container .img-audio,
.search-page .product-info .picture-container img, .authority-page .product-info .picture-container img, .category-page .product-info .picture-container img {
    /*position: relative !important;*/
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    /*  width: 120px;*/
    /*height: 127px;*/
    -o-object-fit: fill;
    object-fit: fill;
    top: 5px;
}

.sort-p {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 32px;
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 1200px) {
    .search-page .product-info .picture-container .img-audio, .authority-page .product-info .picture-container .img-audio {
        top: 0
    }
}

@media screen and (max-width: 767px) {
    .container-picture {
        width: 122px;
        height: 142px;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .search-page .product-info .picture-container img, .authority-page .product-info .picture-container img, .category-page .product-info .picture-container img {
        /*   width: 122px;
        height: 178px;*/
        bottom: 0 !important;
        right: 0 !important;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .category-img-cont {
        bottom: 40px !important
    }

        .category-img-cont .rating-cont {
            bottom: 15px !important
        }
}

.category-page .product-info {
    margin: 0 !important;
}

@media screen and (max-width: 767px) {
    .category-page .product-info {
        margin: 66px 0 !important;
    }

        .category-page .product-info .e-book {
            /*top: 50% !important;
            transform: translateY(-90px) !important*/
            position: static !important;
            -webkit-transform: translateY(0) !important;
            -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
        }

    /*   .page-nav-category {
        margin-top: -50px;
    }*/
}

.category-cont {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .category-cont::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .category-cont::-webkit-scrollbar {
        width: 5px !important;
        height: 5px !important;
        background-color: #F5F5F5;
    }

    .category-cont::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
        background-color: lightgray;
    }
}

.filter-variant {
    color: var(--color-dark-2-5);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: start;
}

.categories-breadcrumb {
    position: absolute;
    top: 30px;
    right: 26%;
    z-index: 2;
}

@media screen and (max-width: 1200px) {
    .categories-breadcrumb {
        right: 35%;
    }
}

@media screen and (max-width: 991px) {
    .categories-breadcrumb {
        position: absolute;
        top: 20px;
        right: 10px;
        z-index: 2;
    }
}

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


    .breadcrumb.categories-breadcrumb {
        position: absolute;
        top: 131px;
        z-index: 2;
        width: auto !important;
        right: 10px;
        /*background: var(--color-white) !important;*/
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 90% !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important
    }

    .breadcrumb .breadcrumb-item.active {
        white-space: nowrap
    }
}

.breadcrumb-item.active {
    color: var(--color-dark-2-5)
}

/*.overlay-search {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 102;
    position: fixed;
    top: 0;
    left: 0;

}*/

@media screen and (max-width: 767px) {
    .overlay-search {
        background: transparent;
    }
}

.filtered-items {
    /*   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px !important;*/
}

.item-filters-item {
    height: fit-content;
    color: var(--color-general-dark-5) !important;
    padding: 7px !important;
    border-radius: 5px;
    font-size: 0.8rem;
    background-color: var(--color-white);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #eaebeb;
    border-radius: 8px;
    white-space: nowrap;
    width: 100%;
    overflow: visible;
    margin: 5px
}

    .item-filters-item a {
        font-size: 0.8rem;
        color: var(--color-general-dark-5) !important;
    }

.filtered-items .item a {
    color: var(--color-dark-2-5) !important;
    border-radius: 5px;
    font-size: 0.8rem;
    background-color: var(--color-white);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #eaebeb;
    border-radius: 8px;
    white-space: nowrap;
    width: 100%;
    overflow: visible;
    font-weight: 500;
    font-size: .8rem;
    line-height: 18px;
}

.item-filters {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

@media screen and (max-width: 1500px) {
    .filtered-items .item .fa-times, .filtered-items .item a {
        font-size: 12px;
        white-space: nowrap;
    }
}

.filter-cont {
    margin-top: 10px
}

@media screen and (min-width: 992px) {
    .filter-cont {
        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .filter-cont {
        width: 75% !important;
    }

    .item-filters {
        max-width: -webkit-fit-content !important;
        max-width: -moz-fit-content !important;
        max-width: fit-content !important
    }
}



.remove-filter {
    /*   position: absolute;
    top: -35px;
    left: 0;
    z-index: 100*/
}

@media screen and (max-width: 1500px) {
    .remove-filter {
        top: -35px;
    }
}

@media screen and (max-width: 991px) {
    .remove-filter {
        top: 10px;
    }
}

.remove-filter a {
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: red;
    white-space: nowrap
}

.toggle1 {
    right: 0 !important;
    top: 205px !important;
    z-index: 101 !important;
    background: var(--color-body-bg-2) !important;
}

.toggle2 {
    right: -1000px !important;
}

@media screen and (max-width: 991px) {
    .generalLeftSidee, .generalLeftSidee2, .generalLeftSidee3 {
        position: absolute;
        height: 100%;
        width: 100%;
        right: -1000px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 12 !important;
        padding-top: 20px;
        top: 258px !important;
    }
}

@media screen and (max-width: 767px) {
    .generalLeftSidee, .generalLeftSidee2, .generalLeftSidee3 {
        width: 100% !important;
        max-width: 100% !important;
        top: 195px !important;
        z-index: 12 !important;
    }

    .filter-container .panel-title a {
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
    }

    .panel-title.d-flex a.collapsed::after, .search-page .nav-link.text-gray {
        font-size: 14px
    }

    .search-navigation::-webkit-input-placeholder {
        font-size: 14px !important;
        color: var(--color-dark-2-5) !important
    }

    .search-navigation::-moz-placeholder {
        font-size: 14px !important;
        color: var(--color-dark-2-5) !important
    }

    .search-navigation:-ms-input-placeholder {
        font-size: 14px !important;
        color: var(--color-dark-2-5) !important
    }

    .search-navigation::-ms-input-placeholder {
        font-size: 14px !important;
        color: var(--color-dark-2-5) !important
    }

    .search-navigation::placeholder {
        font-size: 14px !important;
        color: var(--color-dark-2-5) !important
    }

    .generalLeftSidee .product-filter .filter-content .available-items ul li.title span {
        font-weight: 700;
        font-size: 14px !important;
        line-height: 32px;
    }

    .generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle:after {
        font-size: 14px !important;
    }
}

.spec-link-span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    display: inline-block
}

.generalLeftSidee .product-filter .filter-content .available-items ul {
    list-style: none;
    border: none;
    text-align: start;
    padding-top: 0 !important
}

.spec-pro-search-title {
    color: var(--color-dark-2-5);
    font-weight: 700;
    text-align: start;
    line-height: 32px;
    font-size: 1rem !important
}

@media screen and (max-width: 767px) {
    .spec-pro-search-title {
        font-size: 1.5rem !important
    }
}

.generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle.collapsed:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f078";
    position: absolute;
    left: 95%;
    font-size: .8rem;
    top: 0;
    color: var(--color-primary-blue)
}



.generalLeftSidee .product-filter .filter-content .available-items ul .btn-toggle:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f077";
    position: absolute;
    left: 96%;
    font-size: 12px;
    top: 0;
    color: var(--color-primary-blue)
}


.panel-title.d-flex a {
    position: relative;
    width: 100%;
}

    .panel-title.d-flex a::after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f078";
        position: absolute;
        right: 95%;
        font-size: .8rem;
        /*top: 10px;*/
    }

    .panel-title.d-flex a.collapsed::after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f053";
        position: absolute;
        right: 95%;
        font-size: .8rem;
        /*top: 10px;*/
    }

.generalLeftSidee .product-filter .filter-content .available-items ul input {
    margin-top: 10px;
    padding-right: 40px;
    border: 1px solid var(--color-contact-gray);
    border-radius: 8px;
    background: transparent
}

.search-navigation, .search-navigation:active, .search-navigation:focus {
    margin-top: 10px;
    padding-right: 40px;
    border: 1px solid var(--color-contact-gray);
    border-radius: 8px;
    background: transparent
}

    .search-navigation::-webkit-input-placeholder {
        color: var(--color-active-dark-2);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .search-navigation::-moz-placeholder {
        color: var(--color-active-dark-2);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .search-navigation:-ms-input-placeholder {
        color: var(--color-active-dark-2);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .search-navigation::-ms-input-placeholder {
        color: var(--color-active-dark-2);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .search-navigation::placeholder {
        color: var(--color-active-dark-2);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

.generalLeftSidee .product-filter .filter-content .available-items ul img {
    right: 15px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.generalLeftSidee .product-filter .filter-content .available-items ul .spec-link {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5) !important
}

@media screen and (max-width: 767px) {
    .generalLeftSidee .product-filter .filter-content .available-items ul .spec-link {
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
    }
}

.generalLeftSidee .product-filter .filter-content .available-items ul .title {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
}

.generalLeftSidee .product-filter .filter-content .available-items ul .title span {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
}

    .generalLeftSidee .product-filter .filter-content .available-items ul .title span {
        margin-right: 30px !important;
        color: var(--color-primary-blue)
    }

    .generalLeftSidee .product-filter .filter-content .available-items ul .title .filter-search-number {
        color: var(--color-primary-blue) !important;
        margin: 0 5px !important;
    }

.spec-box {
    background: var(--color-white);
    /*  padding: 0 10px;*/
    border-radius: 8px;
    padding-left: 0
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.filter-box, div#white-player-playlist-container {
    scrollbar-width: auto;
    scrollbar-color: var(--color-646464) transparent;
    overflow-x: hidden
}

    /* Chrome, Edge, and Safari */
    .filter-box::-webkit-scrollbar, div#white-player-playlist-container::-webkit-scrollbar {
        width: 6px;
    }

    .filter-box::-webkit-scrollbar-track, div#white-player-playlist-container::-webkit-scrollbar-track {
        background: transparent;
    }

    .filter-box::-webkit-scrollbar-thumb, div#white-player-playlist-container::-webkit-scrollbar-thumb {
        background-color: #646464;
        border-radius: 4px;
    }

.generalLeftSidee .product-filter .filter-content .available-items ul li a {
    color: black;
}

@media screen and (max-width: 767px) {
    .generalLeftSidee .product-filter .filter-content .available-items ul li {
        font-size: 1.2rem
    }

        .generalLeftSidee .product-filter .filter-content .available-items ul li a {
            font-size: 1.2rem
        }
}



.search-header .name-login, .header .name-login {
    white-space: nowrap;
    /*margin-left: 20px;*/
    color: var(--color-header-text);
    height: 100% !important;
    background: transparent
}


#name-login {
    direction: ltr
}

@media screen and (max-width: 991px) {
    .search-header .name-login, .header .name-login {
        margin-left: 20px;
    }
}

.search-headerr {
    background-color: var(--color-general-dark-5);
    overflow: visible !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    height: 100px !important;
    padding: 0 100px;
    position: relative;
}

.nav-next-detail, .nav-prev-detail, .nav-next, .nav-prev {
    display: none;
}

#INDmenu-btn {
    top: 0
}

#loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: url(/Plugins/Libra/Content/images/ajax-loader.gif) no-repeat center center;
    overflow-y: scroll;
    padding: 10px
}

    #loader canvas {
        -webkit-box-shadow: 1px 14px 14px 18px rgba(0, 0, 0, 0.14);
        box-shadow: 1px 14px 14px 18px rgba(0, 0, 0, 0.14);
    }

@media screen and (max-width: 767px) {
    #loader canvas {
        width: 70%
    }
}

center, object {
    height: 100% !important
}

@media screen and (max-width: 767px) {
    #loader {
        width: 100%;
        height: 60vh
    }
}
/*.loader-gif {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}*/
.pdf-container {
    overflow-y: auto !important;
    background: #fff !important;
    /*width: 90%;*/
    height: 90vh;
    /* width: 500px !important;*/
    overflow-y: hidden !important;
    /*&::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }*/
}
/* width */
@media screen and (max-width: 767px) {
    /*.pdf-container::-webkit-scrollbar {
        width: 10px;
    }*/
    .pdf-container {
        width: 100vw !important
    }

    /* Track */
    /*.pdf-container::-webkit-scrollbar-track {
        background: var(--color-body-bg-2);
    }*/

    /* Handle */
    /*.pdf-container::-webkit-scrollbar-thumb {
        background: #888;
    }*/

    /* Handle on hover */
    /*.pdf-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }*/
}


@media screen and (max-width: 575px) {
    object, .pdf-container {
        height: 60vh;
    }
}

/*#modal-share .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

#modal-share .modal-title {
    padding-right: 20px;
    padding-left: 20px;
}

#modal-share li {
    margin-bottom: 15px;
    color: #fff;
}

#modal-share li a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    width: 100%;
    max-width: 300px;
}

#modal-share li a.btn-facebook {
    background: #3b5998;
}

#modal-share li a.btn-twitter {
    background: #00acee;
}

#modal-share li a.btn-linkedin {
    background: #0e76a8;
}

#modal-share li a.btn-email {
    background: #ddd;
    color: #444;
}*/
.bg-white {
    background: var(--color-body) !important;
}

@media screen and (max-width: 767px) {
    .bg-white {
        background: transparent !important
    }
}
/*@media screen and (max-width: 575px) {
    .bg-white .overview.col-12.col-lg-7 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}*/

/*.gallery {
    width: 16.25rem;
}*/

@media screen and (max-width: 767px) {
    .gallery {
        /*width: 9.3rem;*/
        min-height: 12.8rem;
        height: auto
    }
}

.gallery img {
    /*width: 260px;*/
    -o-object-fit: cover !important;
    object-fit: cover !important;
    /*height: 24rem;*/
}

/*@media screen and (max-width: 767px) {
    .gallery img {*/
/*width: 9.3rem;*/
/*height: 20rem;
    }
}*/

.review-count-rate a {
    font-size: .85rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-general-dark-5) !important;
}



.share-button {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-white-search-fixed);
    cursor: pointer
}


@media screen and (min-width: 768px) {
    .share-dropdow:hover {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.share-dropdow span {
    font-size: .85rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

.share-dropdow p {
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

.share-dropdow ul li {
    cursor: pointer;
}

.share-dropdow {
    width: 100%;
    position: absolute;
    background: var(--color-light-gray-10);
    border-radius: 8px;
    z-index: 2;
    top: 100%;
    border: 1px solid var(--color-extra-light-gray-5-2);
}

.btn-library, .btn-audio {
    color: white !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-active) !important;
    border-radius: 8px !important;
    border: none !important;
    margin-top: 20px
}

#blue-playlist-container {
    margin-top: 40px;
    background: var(--color-general-light);
    padding: 8px 16px;
    border-radius: 16px;
    height: 75px;
}

@media screen and (max-width: 767px) {
    #blue-playlist-container {
        margin-top: 0
    }
}

#playerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*width: 20%;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    direction: ltr;
    /*margin-bottom: 50px;*/
    margin: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #playerContainer span {
        color: var(--color-general-dark-5);
        white-space: nowrap;
    }

@media screen and (max-width: 767px) {
    #playerContainer {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 991px) {
    #playerContainer {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin: 20px;
    }
}

#playerContainer .time {
    display: none !important;
}




.product-details-page .book-type-circle p, .product-details-page .book-type-circle-active p, .product-details-page .book-type-circle-disabled p {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.product-details-page .book-type-circle-active {
    background: var(--color-general-dark-5) !important;
}

    .product-details-page .book-type-circle-active p, .product-details-page .book-type-circle-active .fas {
        color: var(--color-white) !important;
    }

.product-details-page .book-type-circle {
    background: transparent !important;
}

    .product-details-page .book-type-circle p, .product-details-page .book-type-circle .fas {
        color: var(--color-general-dark-5) !important;
    }

    .product-details-page .book-type-circle:hover {
        background: var(--color-general-dark-5) !important;
    }

        .product-details-page .book-type-circle:hover p {
            color: var(--color-white) !important;
        }

        .product-details-page .book-type-circle:hover .fas {
            color: var(--color-white) !important;
        }

    .product-details-page .book-type-circle .row, .product-details-page .book-type-circle-active .row {
        margin: 0 !important;
    }

@media screen and (max-width: 1200px) {
    .product-details-page .book-type-circle .row, .product-details-page .book-type-circle-active .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.product-details-page .audio-button {
    /*border-radius: 0 !important;
        border-bottom-right-radius: 6px !important;
        border-top-right-radius: 6px !important;*/
    padding: .375rem 2.75rem !important;
    border: 2px solid var(--color-general-dark-5) !important;
    /*border-left: 0.5px solid #1d4581 !important;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
    font-size: .7rem !important;
    width: 150px !important;
}

    .product-details-page .audio-button:hover {
        color: white !important;
        background: var(--color-general-dark-5);
    }

        .product-details-page .audio-button:hover .fas {
            color: white !important;
        }

    .product-details-page .audio-button.book-type-circle-disabled {
        opacity: 0.2 !important;
        cursor: default !important;
        background: var(--color-white) !important;
        color: var(--color-general-dark-5) !important;
    }

        .product-details-page .audio-button.book-type-circle-disabled:hover {
            background: var(--color-white) !important;
            color: var(--color-general-dark-5) !important;
        }

            .product-details-page .audio-button.book-type-circle-disabled:hover .fas {
                color: var(--color-general-dark-5) !important;
            }

    .product-details-page .audio-button .fas {
        font-size: 1.6rem;
        margin: 5px;
        -webkit-transition: 0.7s all;
        -o-transition: 0.7s all;
        transition: 0.7s all;
    }

    .product-details-page .audio-button p {
        white-space: nowrap;
        margin: 0;
        font-size: 0.7rem;
        margin-bottom: 5px;
    }

@media screen and (max-width: 1200px) {
    .product-details-page .audio-button {
        border: 2px solid var(--color-general-dark-5) !important;
        border-radius: 6px !important;
    }
}

.product-details-page .ebook-button {
    /*border-radius: 0 !important;
        border-bottom-left-radius: 6px !important;
        border-top-left-radius: 6px !important;*/
    padding: .375rem 2.75rem !important;
    border: 2px solid var(--color-general-dark-5) !important;
    /*border-right: 0.5px solid #1d4581 !important;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
    font-size: .7rem !important;
    width: 150px !important;
}

    .product-details-page .ebook-button p {
        white-space: nowrap;
        margin: 0;
        font-size: 0.7rem;
        margin-bottom: 5px;
    }

    .product-details-page .ebook-button .fas {
        font-size: 1.6rem;
        margin: 5px;
        /*color: #1d4581 !important;*/
    }

    .product-details-page .ebook-button.book-type-circle-disabled {
        opacity: 0.2 !important;
        cursor: default !important;
        background: var(--color-white) !important;
        color: var(--color-general-dark-5) !important;
    }

        .product-details-page .ebook-button.book-type-circle-disabled:hover {
            background: var(--color-white) !important;
            color: var(--color-general-dark-5) !important;
        }

            .product-details-page .ebook-button.book-type-circle-disabled:hover .fas {
                color: var(--color-general-dark-5) !important;
            }

@media screen and (max-width: 1200px) {
    .product-details-page .ebook-button {
        border: 2px solid var(--color-general-dark-5) !important;
        border-radius: 6px !important;
    }
}

@media screen and (max-width: 767px) {
    .product-details-page .cata-sub-nav {
        overflow-x: scroll;
    }
}

/*@media screen and (max-width: 767px) {
    .product-details-page .cata-sub-nav ul {
        width: 300px !important;
        height: auto;
    }
}*/

@media screen and (max-width: 767px) {
    .product-details-page .cata-sub-nav {
        width: 100% !important;
    }
}

.product-details-page .product-reviews-overview .additional-details a {
    color: var(--color-active) !important;
}

@media screen and (max-width: 575px) {
    .product-details-page .product-reviews-overview {
        /*background: #f5f5f5;*/
        border-radius: 6px;
    }
}

/*.product-details-page img, .zoomImg {
    max-width: 100% !important;
    border-radius: 6px !important;
    height: auto !important;
    width: auto !important;*/
/*min-height: 274px*/
/*-o-object-fit: cover !important;
    object-fit: cover !important;
    position: relative !important;
    top: auto !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    right: auto !important;
    opacity: 1 !important
}*/

@media screen and (max-width: 575px) {
    .product-details-page .book-type img {
        margin-top: -1px;
        margin-right: 5px;
    }
}


.bg-orange {
    background: var(--color-active) !important;
    border: none;
    padding: 11px;
    border-radius: 8px;
}

.text-orange {
    color: var(--color-active) !important;
}



.breadcrumb {
    margin-bottom: 0 !important;
    /*background: var(--color-white) !important;*/
    border-radius: 0 !important;
    /* margin: 70px 139px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*  margin-top: 80px;*/
}
.land-bread-crump {
    margin-top: 50px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 1250px) and (min-width: 576px) {
    .land-bread-crump {
        margin-top: 50px;
    }
}

@media screen and (min-width: 768px) {
    .land-bread-crump {
        margin-bottom: 50px !important;
    }
}

/*@media screen and (min-width: 1250px) {
    .land-bread-crump {
        padding-top: 50px !important;
    }
}*/



@media screen and (max-width: 767px) {
    .ProductBreadcrumb .breadcrumb {
        background: transparent !important;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb {
        margin: 0;
        background: transparent !important;
    }
}

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

    .breadcrumb {
        /*margin: 0 10px !important;*/
        /*margin-right: auto !important;*/
        overflow-x: auto !important;
        overflow-y: hidden;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 8px;
        /*background-color: var(--color-light-bg) !important;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ProductBreadcrumb .breadcrumb {
        margin: 0 !important
    }

    .ProductBreadcrumb {
        margin-top: 0 !important;
    }
}


.breadcrumb li:first-child a {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.breadcrumb li a {
    color: var(--color-medium-dark-gray);
}

@media screen and (max-width: 767px) {
    .breadcrumb li a, .breadcrumb li {
        font-size: 12px !important;
    }
}


.breadcrumb li {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

.breadcrumb {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: hidden;
}

.ProductBreadcrumb {
    overflow-x: hidden;
    -webkit-transition: overflow 0.3s ease;
    -o-transition: overflow 0.3s ease;
    transition: overflow 0.3s ease;
    white-space: nowrap;
}

    .ProductBreadcrumb::-webkit-scrollbar {
        height: 6px;
        background: transparent;
    }

    .ProductBreadcrumb::-webkit-scrollbar-thumb {
        background: transparent;
    }
    .ProductBreadcrumb:hover::-webkit-scrollbar-thumb {
        background: var(--color-general-light);
        border-radius: 3px;
        height: 6px;
    }

@media screen and (max-width: 767px) {
    .modal {
        max-width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }

        .modal.fade {
            z-index: 1000000 !important;
        }
}

.modal .modal-dialog {
    max-width: 40%;
    z-index: 10000;
}

@media screen and (max-width: 1500px) {
    .modal .modal-dialog {
        max-width: 60%;
        z-index: 10000;
    }
}

@media screen and (max-width: 991) {
    .modal .modal-dialog {
        max-width: 70%;
        z-index: 10000;
    }
}

@media screen and (max-width: 767px) {
    .modal .modal-dialog {
        max-width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }

        .modal .modal-dialog .modal-dialog-centered::before {
            display: block !important;
        }
}

.modal .modal-content.p-xl-3 {
    padding: 10px !important
}

@media screen and (max-width: 767px) {
    .modal .modal-content.p-xl-3 {
        position: absolute;
        bottom: 0;
    }
}

.modal .modal-body {
    padding: 0 !important;
}

    .modal .modal-body .write-review {
        padding: 0 !important;
    }

        .modal .modal-body .write-review label.col-form-label {
            font-size: 1.3rem !important;
            font-weight: bold !important;
        }

        .modal .modal-body .write-review .review-title, .modal .modal-body .write-review .review-text {
            background: var(--color-light-bg);
            border: 1px solid var(--color-extra-light-gray-2);
            border-radius: 6px;
            color: var(--color-dark-2-5)
        }

.modal .page.product-details-page.product-standard h1.generalTitle {
    margin-bottom: 0 !important;
}

.product-details-page .review-content-picture {
    right: 8px !important;
    top: 33px !important;
}

@media screen and (max-width: 767px) {
    .product-details-page .review-content-picture {
        top: 30px !important
    }
}

.modal .close {
    /*position: absolute;
    top: 15px;
    right: 20px;*/
}

    .modal .close .mdi-close {
        color: var(--color-dark-2-5) !important;
        font-size: 1.5rem;
    }

.modal .write-product-review-button {
    border-radius: 8px;
    background: var(--color-active);
    width: 200px;
    height: 48px;
    /*margin-top: 62px;*/
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}


@media screen and (min-width: 768px) {
    .modal .write-product-review-button {
        border-radius: 8px;
        background: var(--color-active);
        width: 200px;
        height: 48px;
        /*margin-top: 62px;*/
        border: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
/*
.tab-content2 {
    margin-top: 120px
}*/

/*.cancel-review {
    margin-top: 70px;
    font-size: 16px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .cancel-review {
        margin-top: 8px;
    }
}*/


.review-rating {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.rating-options .custom-control-label {
    font-size: 1.3rem;
    color: var(--color-general-dark-5);
    width: 70px;
    height: 70px
}

@media screen and (max-width: 767px) {
    .rating-options .custom-control-label {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 575px) {
    .rating-options .custom-control-label {
        width: 40px;
        height: 40px;
    }
}

.rating-options .custom-control-label::before {
    background-color: transparent !important;
}

.rating-number {
    font-size: 1rem;
    font-weight: 900;
    color: #ffb91d;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.border-yellow {
    -webkit-text-stroke: .5px #ffb91d; /* width and color */
}

.rating-options .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.rating-options .custom-control-label {
    font-size: 1.5rem;
    cursor: pointer;
}

.rating-options .custom-control-label {
    font-size: 3rem;
}

.rating-options .custom-control {
    padding: 0;
}

.rating-options .custom-control-label::after {
    display: none;
}

.rating-options .custom-control-label::before {
    display: none;
}

.page.product-details-page.product-standard {
    /*background: var(--color-white);*/
}

    .page.product-details-page.product-standard .additional-details {
        /*margin: 20px;*/
        width: 100% !important;
    }

        .page.product-details-page.product-standard .additional-details .value {
            /*max-width: 50px;*/
            direction: ltr;
        }

@media screen and (min-width: 991px) {
    .page.product-details-page.product-standard .additional-details .value {
        /*padding-right: 60px !important*/
    }
}

.page.product-details-page.product-standard .detail-book-head {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    .page.product-details-page.product-standard .detail-book-head h2 {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

@media screen and (max-width: 767px) {
    .review-comment-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #reviewModal.reviewModal .modal-content {
        border-radius: 8px
    }
}


.reviewModal .modal-content {
    border-radius: 8px
}

.page.product-details-page.product-standard .comments .readmore-up, .page.product-details-page.product-standard .comments .readmore-down, .page.product-details-page.product-standard .comments .view-all-text, .page.product-details-page.product-standard .comments .view-less-text {
    cursor: pointer;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-active);
}


@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .view-all-text {
        margin-bottom: 20px !important
    }
}

.review-img-container {
    padding: 10px 16px;
    border-radius: 8px;
    background-color: var(--color-light-medium-gray);
}

@media screen and (min-width: 768px) {
    .review-img-container {
        width: 144px;
        height: 121px;
        border-radius: 16px;
    }

        .review-img-container img {
            width: 80px !important;
            height: 120px;
            position: absolute;
            top: -20px !important;
            border-radius: 8px !important;
        }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .review-img-container {
        margin-top: 20px !important;
    }
}

.review-img-container img {
    width: 5rem !important;
    height: 8rem !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(44, 39, 56, 0.16);
    box-shadow: 0 1px 3px 0 rgba(44, 39, 56, 0.16);
    border: solid 1px var(--color-white);
}

.page.product-details-page.product-standard .comments .readmore-up, .page.product-details-page.product-standard .comments .view-less-text {
    display: none;
}

.page.product-details-page.product-standard .author-review-link {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark) !important;
}

.page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row {
    /*max-height: 300px;
            overflow-y: auto;*/
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row {
        max-height: 100%;
        height: auto;
        overflow-y: hidden;
    }

        .page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar-track {
            display: none;
        }

        .page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar {
            display: none;
        }

        .page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar-thumb {
            display: none;
        }
}

/*.page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar {
    width: 0.5rem;
    background-color: #F5F5F5;
}

.page.product-details-page.product-standard .comments .product-review-list.cata-sub-nav.row::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}*/

.page.product-details-page.product-standard .comments .review-title {
    margin: 0 10px;
    margin-top: -5px;
    font-size: 1.2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    color: var(--color-dark-2-5);
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .review-title {
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .review-title {
        margin: 0 !important;
        /*width: 200px;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .product-reviews-overview {
        background: transparent;
        border-radius: 6px;
    }
}

.page.product-details-page.product-standard .comments .review-text {
    /*max-height: 200px;*/
    height: auto;
    font-size: 1rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
    width: inherit;
    word-wrap: break-word;
}

.page.product-details-page.product-standard .comments .review-title {
    height: auto;
    font-size: 1rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
    padding: 10px;
    word-wrap: break-word;
}

.page.product-details-page.product-standard .comments .review-text::-webkit-input-placeholder {
    color: #cdd3db;
    font-size: 12px
}

.page.product-details-page.product-standard .comments .review-text::-moz-placeholder {
    color: #cdd3db;
    font-size: 12px
}

.page.product-details-page.product-standard .comments .review-text:-ms-input-placeholder {
    color: #cdd3db;
    font-size: 12px
}

.page.product-details-page.product-standard .comments .review-text::-ms-input-placeholder {
    color: #cdd3db;
    font-size: 12px
}

.page.product-details-page.product-standard .comments .review-text::placeholder {
    color: #cdd3db;
    font-size: 12px
}

.page.product-details-page.product-standard .comments .review-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-add-review {
    background: var(--color-button-main);
    height: 40px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-button-white);
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    position: relative
}

/*    .btn-add-review img {
        width: 16px;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

@media screen and (max-width: 767px) {
    .btn-add-review img {
        position: static;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
        margin: 0 5px
    }
}*/


/*
 .btn-add-review:hover {
    background: transparent !important;
    border: none;
}*/

.page.product-details-page.product-standard .comments .user {
    color: var(--color-dark-2-5) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: start;
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .user {
        color: var(--color-dark-2-5) !important;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: start;
    }
}

.page.product-details-page.product-standard .comments .date span {
    font-size: .8rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
    white-space: nowrap
}

.page.product-details-page.product-standard .comments .date {
    direction: ltr;
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*align-items: center*/
    }
}

.page.product-details-page.product-standard .comments .product-review-box {
    margin-bottom: 20px;
}



.page.product-details-page.product-standard .comments .product-review-list ul {
    width: 100%;
    background: var(--color-medium-gray-5-1);
    border-radius: 8px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .comments .product-review-list ul {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: unset;
    }

    .btn-library, .btn-add-review {
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 21px !important;
    }

    .responsive-land a {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .reviws-users {
        font-size: 16px !important;
    }
}

.page.product-details-page.product-standard .comments .rating::before {
    color: var(--color-general-dark-5) !important;
}

.page.product-details-page.product-standard .comments .product-review-box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    direction: ltr;
}

.page.product-details-page.product-standard .comments .add-review {
    display: contents;
}

@media screen and (max-width: 767px) {
    .bg-white.tab-pane.position-relative.comments {
        background: transparent !important;
        padding: 0 !important
    }

    #add-review {
        padding: 0 !important;
        padding-left: 0 !important;
        font-size: 15px !important;
        margin-top: -5px
    }

    .product-reviews-overview.product-reviews-overview-bottom {
        font-size: 15px !important
    }
}

.page.product-details-page.product-standard .detailsbook {
    margin-top: 48px;
    padding: 24px 10px;
    border-radius: 12px;
    border: solid 1px var(--color-body-bg-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*width: 16.25rem;*/
    border: 1px solid var(--color-body-bg-2)
}


@media screen and (max-width: 1200px) {
    .page.product-details-page.product-standard .detailsbook {
        padding: 5px;
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .detailsbook {
        width: 100%;
        margin: 0 10px;
    }
}

.page.product-details-page.product-standard .detailsbook .spec-container {
    overflow: hidden;
}

    .page.product-details-page.product-standard .detailsbook .spec-container h5 {
        font-size: 1rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-general-dark-5);
    }

    .page.product-details-page.product-standard .detailsbook .spec-container .nav-next-detail, .page.product-details-page.product-standard .detailsbook .spec-container .nav-next-prev {
        display: none;
    }

    .page.product-details-page.product-standard .detailsbook .spec-container .cata-sub-nav-detail ul {
        padding: 0;
        margin: 1rem;
        /*.spec-name, .spec-value {
                        font-size: 1.2rem;
                        font-weight: bold;
                        font-stretch: normal;
                        font-style: normal;
                        white-space: nowrap;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                    }*/
    }

        .page.product-details-page.product-standard .detailsbook .spec-container .cata-sub-nav-detail ul li {
            text-align: start;
            margin-top: 1rem;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }

        .page.product-details-page.product-standard .detailsbook .spec-container .cata-sub-nav-detail ul .spec-name {
            font-size: 0.85rem;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: start;
            color: var(--color-general-dark);
            white-space: nowrap;
        }

        .page.product-details-page.product-standard .detailsbook .spec-container .cata-sub-nav-detail ul .spec-value {
            font-size: 0.85rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: left;
            color: var(--color-general-dark-5);
            /*white-space: nowrap;*/
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }


.page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /*width: 16.25rem;*/
}

    /*@media screen and (max-width: 767px) {
    .app-pre-show-cont.d-flex.justify-content-start {
        position: absolute;
        top: 120px
    }
}*/

    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .fas {
        color: var(--color-dark-2-5);
        margin-left: 5px;
        font-size: 1rem;
        -webkit-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s;
    }

    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-outline-primary:hover .fas {
        color: var(--color-white);
    }

    /*@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 130px;
        right: -0.5rem;
        z-index: 3;
    }
}*/

    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-primary, .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-outline-primary {
        justify-self: flex-end;
        padding: 10px 20px;
        width: 100% !important;
        border-radius: 8px;
        margin: 20px 0;
    }

@media screen and (min-width: 1200px) {
    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-primary, .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-outline-primary {
        /*width: 240px;*/
        height: 50px;
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-primary, .page.product-details-page.product-standard .item-container .bg-white .app-pre-show-cont .btn-outline-primary {
        /*width: 48%;*/

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.page.product-details-page.product-standard .item-container .bg-white .btn-primary, .page.product-details-page.product-standard .item-container .bg-white .btn-outline-primary {
    justify-self: flex-end;
    height: 40px !important;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
}

@media screen and (min-width: 1200px) {
    .page.product-details-page.product-standard .item-container .bg-white .btn-primary, .page.product-details-page.product-standard .item-container .bg-white .btn-outline-primary {
        /*width: 240px;
                    height: 50px;*/
    }
}

.page.product-details-page.product-standard .item-container .bg-white .btn-outline-primary span {
    color: var(--color-general-dark-5);
}

/*.page.product-details-page.product-standard .item-container .bg-white .btn-outline-primary:hover span {
    color: var(--color-white);
}*/

.page.product-details-page.product-standard .item-container .bg-white .btn-outline-primary.book-type-circle-disabled:hover span {
    /*color: #04214D !important;*/
}

.page.product-details-page.product-standard .details-book-up a, .page.product-details-page.product-standard .details-book-up .spec-name {
    color: var(--color-active);
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}

.modal-review-span {
    color: var(--color-general-dark-5);
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .details-book-up a, .page.product-details-page.product-standard .details-book-up .spec-name {
        font-size: 1.2rem;
    }
}

.page.product-details-page.product-standard .details-book-up a ul, .page.product-details-page.product-standard .details-book-up .spec-name ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page.product-details-page.product-standard .details-book-up .spec-name {
    color: var(--color-general-dark);
}

.page.product-details-page.product-standard .details-book {
    font-size: 1rem;
    color: var(--color-general-dark);
}

.short-description {
    font-size: 1rem;
    color: var(--color-general-dark);
}

/*.responsive-cont {
    overflow: hidden
}*/

/*.desc-book .spec-containerr {
    border-left: 2px solid var(--color-b7b6b6);
    width: fit-content !important;
    padding-left: 50px
}*/

/*.desc-book .spec-containerr:not(:first-child) {
        padding-right: 50px
    }*/

.desc-book .spec-container::-webkit-scrollbar {
    width: 0
}

.desc-book .spec-container::-webkit-scrollbar {
    height: 5px;
}

.desc-book .spec-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

.desc-book .spec-container::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: var(--color-extra-light-gray-3);
}

    .desc-book .spec-container::-webkit-scrollbar-thumb:hover {
        background-color: var(--color-extra-light-gray-3);
    }

.desc-book .spec-container::-webkit-scrollbar:vertical {
    display: none;
}

@media screen and (max-width: 767px) {
    .spec-container-ul {
        display: block !important;
    }

    .desc-book .spec-containerr {
        border-left: none !important;
        padding-left: unset !important;
        margin-bottom: 30px
    }

        .desc-book .spec-containerr:not(:first-child) {
            padding-right: unset !important
        }

    .desc-book .spec-name, .desc-book .spec-value {
        font-size: 16px !important
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        color: var(--color-dark-2-5)
    }

    .product-details-page a, .product-details-page div {
        /*color: var(--color-dark-2-5) !important;*/
        font-weight: 500;
        font-size: 14px;
        /*   line-height: 26px;*/
    }

    /* .desc-book .spec-name {
        font-size: 12px !important;
        color: var(--color-medium-dark-gray) !important
    }*/

    pre {
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 30px !important;
    }
}

.desc-book .spec-value {
    text-align: start;
    color: var(--color-dark-2-5);
    font-weight: bold;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    white-space: normal;
}

    .desc-book .spec-value a, .desc-book .spec-value div {
        width: 100%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

@media screen and (min-width: 768px) {
    .desc-book .spec-containerr .spec-value div {
        white-space: normal;
        -o-text-overflow: unset;
        text-overflow: unset;
        overflow: unset;
    }
}

/*
.desc-book {
    overflow-x: hidden
}*/

.desc-book .spec-name {
    color: var( --color-gray) !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    white-space: nowrap
}

.desc-book .spec-value {
    text-align: start;
    color: var(--color-dark-2-5);
    font-weight: bold;
    font-size: 1rem !important;
    white-space: nowrap;
    display: block !important
}

@media screen and (max-width: 767px) {
    .desc-book .spec-name, .desc-book .spec-value, .desc-book .spec-value a {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0em !important;
    }
}

.page.product-details-page.product-standard .details-book .spec {
    font-size: 1.1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}

    .page.product-details-page.product-standard .details-book .spec .spec-name {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .page.product-details-page.product-standard .details-book .spec .spec-name a {
            color: var(--color-dark-2-5);
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

    .page.product-details-page.product-standard .details-book .spec .spec-value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 1rem;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        margin-right: 0
    }

        .page.product-details-page.product-standard .details-book .spec .spec-value a {
            color: var(--color-active);
            white-space: nowrap;
            /*width: 100px;*/
            /*@media screen and (max-width: 767px) {
                        white-space: normal;
                    }*/
        }

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .details-book .spec .spec-value a {
        font-weight: 500;
        font-size: 1.2rem;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80px;
        display: inline-block;
    }
}


.page.product-details-page.product-standard .bg-white {
    margin-bottom: 25px !important;
}
/*new rating land*/
.rated-stars-s .star-ratings-css {
    font-size: 1rem;
}

.rated-stars-m .star-ratings-css {
    font-size: 2rem;
}

.rated-stars-l .star-ratings-css {
    font-size: 2.5rem;
}

.rated-stars {
    width: 70px;
}

.star-ratings-css {
    unicode-bidi: bidi-override;
    color: orange;
    font-size: 1rem;
    height: 25px;
    position: relative;
}

    .star-ratings-css::before {
        content: "☆☆☆☆☆";
        opacity: 0.7;
    }

[data-rate="0"]::after {
    width: calc(0*20%);
}

[data-rate="0.5"]::after {
    width: calc(0.5*20%);
}

[data-rate="1"]::after {
    width: calc(1*20%);
}

[data-rate="1.5"]::after {
    width: calc(1.5*20%);
}

[data-rate="2"]::after {
    width: calc(2*20%);
}

[data-rate="2.5"]::after {
    width: calc(2.5*20%);
}

[data-rate="3"]::after {
    width: calc(3*20%);
}

[data-rate="3.5"]::after {
    width: calc(3.5*20%);
}

[data-rate="4"]::after {
    width: calc(4*20%);
}

[data-rate="4.5"]::after {
    width: calc(4.5*20%);
}

[data-rate="5"]::after {
    width: calc(5*20%);
}

.star-ratings-css::after {
    color: orange;
    content: "★★★★★";
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    top: 0;
    width: attr(rating);
    overflow: hidden;
}

.page.product-details-page.product-standard #description-book {
    border-radius: 16px;
    /*background-color: var(--color-fcfcfc) !important;*/
}

.page.product-details-page.product-standard h1.generalTitle {
    color: var(--color-dark-2-5);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: start;
    font-size: 28px !important;
    font-weight: 700;
    display: flex !important;
    flex-direction: row;
}

@media (max-width: 767px) {
    .page.product-details-page.product-standard h1.generalTitle {
        color: var(--color-dark-2-5);
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        margin-bottom: 10px !important;
        display: flex !important;
        flex-direction: row;
    }
}


.page.product-details-page.product-standard .review-scroll-button {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-dark-2-5);
    margin-right: 10px;
}

@media (max-width: 767px) {
    .page.product-details-page.product-standard .review-scroll-button {
        font-size: 12px;
    }
}

.page.product-details-page.product-standard .review-scroll-button .fa {
    color: var(--color-dark-2-5) !important;
}

@media (max-width: 575px) {
    .page.product-details-page.product-standard .review-scroll-button .fa {
        font-size: 16px;
    }
}

.page.product-details-page.product-standard .book-type p span:nth-child(3), .page.product-details-page.product-standard .book-type p span:nth-child(2) {
    font-size: .85rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-active);
}

.page.product-details-page.product-standard .book-type p span:first-child {
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark);
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .book-type p span:first-child {
        color: var(--color-active);
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .book-type p span {
        color: var(--color-active);
        font-size: 11px !important;
        font-weight: 500 !important;
        font-stretch: normal !important;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: start;
        white-space: nowrap;
    }
}

.page.product-details-page.product-standard .book-type .col-4 {
    padding: 10px 30px;
}

.page.product-details-page.product-standard .book-type a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    height: 50px !important;
    /*width: 50px !important;*/
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*padding: 10px !important;*/
}

@media (max-width: 767px) {
    .page.product-details-page.product-standard .book-type a {
        /*width: 100% !important;*/
        /*font-size: 1.3rem !important;*/
        /*height: 50px;
                padding: 10px 20px !important;*/
        /*margin: 0 20px;*/
    }
}

.page.product-details-page.product-standard .app-button {
    height: 50px;
    width: 100%;
}

@media (max-width: 767px) {
    .page.product-details-page.product-standard .app-button {
        width: 100%;
        height: 50px;
    }
}



@media screen and (max-width: 767px) {
    .desc-book {
        background: transparent !important;
        padding: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}
/*
.page.product-details-page.product-standard .desc-book {
    padding: 24px 139px;
    padding-left: 30px;
}

@media screen and (max-width: 1700px) {
    .page.product-details-page.product-standard .desc-book {
        padding-left: 115px;
    }
}

@media screen and (max-width: 1500px) {
    .page.product-details-page.product-standard .desc-book {
        padding: 25px 50px;
        padding-left: 25px;
    }
}

@media screen and (max-width: 1200px) {
    .page.product-details-page.product-standard .desc-book {
        padding: 25px 20px;
    }
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .desc-book {
        padding: 0;
    }
}*/
.header.sticky, .search-header.sticky {
    width: calc(100% - 278px) !important;
}

@media screen and (max-width: 1500px) {
    .header.sticky, .search-header.sticky {
        width: calc(100% - 80px) !important;
    }
}

/*@media screen and (max-width: 1200px) {
    .header.sticky, .search-header.sticky {
        width: calc(100% - 50px) !important;
    }
}*/
@media screen and (max-width: 991px) {
    .header.sticky, .search-header.sticky {
        width: calc(100% - 40px) !important;
    }
}

@media screen and (max-width: 991px) {
    .header.sticky, .search-header.sticky {
        width: 100% !important;
    }

    .search-header {
        border-radius: 0 !important
    }
}

.other-header .search-box-text {
    padding: 20px !important
}

@media screen and (max-width: 767px) {
    .other-header .search-box-text {
        padding: 20px !important
    }
}

.page.product-details-page.product-standard .tab-pane {
    text-align: start;
    /*@media (max-width: 575px) {
            color: #ababab;
        }

        .short-description {
            @media (max-width: 575px) {
                color: #ababab;
            }
        }*/
    /*.abstract-trigger {
            color: #fe5000 !important;
        }*/
}

    .page.product-details-page.product-standard .tab-pane.descreption {
        /*height: 100px;*/
        overflow: hidden;
        color: var(--color-dark-2-5);
        white-space: pre-wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 2.5;
    }



        .page.product-details-page.product-standard .tab-pane.descreption .glass {
            position: absolute;
            height: 20px;
            width: 100%;
            background: var(--color-white);
            opacity: 0.8;
            bottom: 55px;
            /*&-button {
                    display: none;
                }*/
        }

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .tab-pane.descreption {
        /*margin-top: 100px*/
    }

        .page.product-details-page.product-standard .tab-pane.descreption .glass {
            bottom: 30px !important;
        }

    .details-book.details-book-up.text-right.d-flex {
        height: 20px
    }
}

.page.product-details-page.product-standard .tab-pane.descreption .glass-button, .page.product-details-page.product-standard .tab-pane.descreption .glass-button-top {
    position: absolute;
    height: 25px;
    color: var(--color-active);
    background: transparent !important;
    bottom: 0;
    border: none;
}

.page.product-details-page.product-standard .tab-pane.descreption p, .page.product-details-page.product-standard .tab-pane.descreption h2, .page.product-details-page.product-standard .tab-pane.descreption h3, .page.product-details-page.product-standard .tab-pane.descreption {
    text-align: start !important;
}

.page.product-details-page.product-standard .tab-pane a {
    color: var(--color-active);
    float: left !important;
    padding: 30px 0
}

.page.product-details-page.product-standard .tab-pane p, .page.product-details-page.product-standard .tab-pane ul {
    /*margin: 10px 0;*/
    color: var(--color-dark-2-5) !important;
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: justify
}

    .page.product-details-page.product-standard .tab-pane p.text-right.float-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .tab-pane p {
        font-size: 16px !important
    }
}

.page.product-details-page.product-standard .tab-pane div, .page.product-details-page.product-standard .tab-pane li {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-medium-gray-3) !important
}

.page.product-details-page.product-standard .tab-pane pre li {
    color: var(--color-dark-2-5) !important
}

.page.product-details-page.product-standard #description-book div {
    white-space: pre-wrap;
}

.page.product-details-page.product-standard .tab-pane .message-error.validation-summary-errors li {
    color: #db4437 !important;
    font-weight: bold !important
}

.message-error ul {
    list-style: none;
    width: 100%
}

    .message-error ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #FECEC4;
        border: 1px solid #E04122;
        border-radius: 5px;
        color: #E04122;
        width: 100%;
        padding: 5px 40px;
        position: relative
    }

.message-success ul li {
    background: #D6FFE4;
    border: 1px solid #13F537;
    color: #13F537;
}

.message-error ul li:before {
    content: "\f06a";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 1.2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #E04122;
}

.message-success ul li:before {
    content: '\f058';
    color: #13F537;
}

.desc-book .nav-pills .nav-link.active {
    border-bottom: 2px solid var(--color-dark-2-5);
    border-radius: 0;
    background: transparent;
    color: var(--color-dark-2-5)
}

.page.product-details-page.product-standard .tab-pane-desc {
    white-space: pre-wrap
}

@media screen and (min-width: 768px) {
    .page.product-details-page.product-standard .tab-pane div.rate-question {
        text-align: center !important;
        color: #687a94 !important;
        font-size: 1rem;
        margin-top: 40px;
        width: 100% !important
    }
}

.rate-question {
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .tab-pane div, .page.product-details-page.product-standard .tab-pane li {
        /*font-size: 1.3rem;*/
        line-height: 1.71;
    }
}

.page.product-details-page.product-standard .tab-pane h2, .page.product-details-page.product-standard .tab-pane h3 {
    font-size: 1.3rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    color: var(--color-dark-gray-2)
}

.page.product-details-page.product-standard .tab-pane h5 {
    padding: 0 !important;
    font-size: 1.3rem;
    color: var(--color-dark-2-5);
}

    .page.product-details-page.product-standard .tab-pane h5.table-responsive-details {
        padding-right: 1rem !important;
    }

@media screen and (max-width: 320px) {
    .page.product-details-page.product-standard .tab-pane h5 {
        font-size: 1rem;
    }
}

.page.product-details-page.product-standard .summary {
    height: 200px;
    overflow: hidden;
    color: var(--color-general-dark-5);
    font-size: 1.3rem;
}

@media (max-width: 767px) {
    .page.product-details-page.product-standard .summary {
        height: auto;
    }
}

.page.product-details-page.product-standard .summary h5 {
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}

.page.product-details-page.product-standard .summary p {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}

.page.product-details-page.product-standard .ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 49px !important;
    height: 22px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-general-dark-5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    padding: 4px !important;
    margin-right: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: 5px;
    /*@media screen and (max-width: 575px) {
            display: block;
            width: 200px;
        }*/
}

.page.product-details-page.product-standard .rating-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    height: 22px;
    font-size: 0;
    line-height: 0;
    /*text-indent: -999em;
        overflow: hidden;*/
}

    .page.product-details-page.product-standard .rating-box .rating {
        position: absolute;
        right: 0;
        top: 0;
        height: 22px;
        overflow: hidden;
    }

        .page.product-details-page.product-standard .rating-box .rating::before {
            content: "\2605";
            height: 20px;
            margin-top: 1px;
            color: var(--color-general-dark-5);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            font-size: 1rem;
            position: absolute;
            right: 0;
            margin-right: 3px;
        }

@media (max-width: 575px) {
    .page.product-details-page.product-standard .rating-box .rating::before {
        /*font-size: 21px;*/
    }
}

.page.product-details-page.product-standard .rating-box::before {
    content: "\2605";
    height: 22px;
    color: var(--color-general-dark-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1rem;
    margin-right: 3px;
}

@media (max-width: 575px) {
    .page.product-details-page.product-standard .rating-box::before {
        /*font-size: 21px;*/
    }
}

.login-title {
    color: var(--color-dark-2-5);
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: start;
}

.position-relative {
    /*img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }*/
}

.login-page, .password-recovery-page {
    overflow: hidden;
}

    .login-page .loginCont, .password-recovery-page .loginCont {
        width: 22rem;
        padding: 24px 0;
        border-radius: 16px;
        border: solid 1px var(--color-extra-light-gray-5-2);
        background: var(--color-white);
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

@media screen and (max-width: 767px) {
    .login-page .loginCont, .password-recovery-page .loginCont {
        /*margin-top: 50px;*/
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

@media screen and (max-width: 575px) {
    .login-page .loginCont, .password-recovery-page .loginCont {
        width: 100%;
        border: none;
        padding: 20px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

        .login-page .loginCont .margin-style, .password-recovery-page .loginCont .margin-style {
            margin-top: 117px;
        }
}

#register-button, #login-btn {
    color: var(--color-button-white);
    background: var(--color-button-main);
    border: none !important;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px !important;
    padding: 8px !important;
    height: 40px
}

@media screen and (min-width: 768px) {
    #register-button, #login-btn {
        width: 140px !important
    }
}

.redirect-link {
    color: #919191;
    font-size: 1rem;
    font-weight: 500;
}

.login-page .loginCont .forgot-password, .password-recovery-page .loginCont .forgot-password {
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right !important;
    color: var(--color-general-dark) !important;
    margin-top: 10px;
}

    .login-page .loginCont .forgot-password a, .password-recovery-page .loginCont .forgot-password a {
        color: var(--color-active) !important;
        white-space: nowrap
    }

@media screen and (max-width: 767px) {
    .login-page .loginCont .forgot-password a, .password-recovery-page .loginCont .forgot-password a {
        font-size: 1rem;
    }
}

.login-page .new-password-button, .password-recovery-page .new-password-button {
    font-size: 1.2rem;
    padding: 17px;
    border-radius: 6px;
}

.login-page .login-container, .password-recovery-page .login-container {
    padding: 30px 139px;
    margin-top: 130px;
}

@media screen and (max-width: 1500px) {
    .login-page .login-container, .password-recovery-page .login-container {
        padding: 0 90px !important;
    }
}

@media screen and (max-width: 991px) {
    .login-page .login-container, .password-recovery-page .login-container {
        padding: 0 30px !important;
    }
}

@media screen and (max-width: 767px) {
    .login-page .login-container, .password-recovery-page .login-container {
        padding: 0 30px !important;
    }
}

@media screen and (max-width: 575px) {
    .login-page .login-container, .password-recovery-page .login-container {
        padding: 0 !important;
        background: transparent !important
    }

    .login-page .loginCont, .password-recovery-page .loginCont {
        background: transparent !important;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

.login-page .login-container .custom-control-label::before, .password-recovery-page .login-container .custom-control-label::before {
    left: .5rem !important;
}

.login-page .login-container .custom-control-label::after, .password-recovery-page .login-container .custom-control-label::after {
    left: .5rem !important;
}

@media screen and (max-width: 767px) {
    .login-page .login-container .custom-control-label::before, .password-recovery-page .login-container .custom-control-label::before {
        left: 1.5rem !important;
    }
}

.login-page .login-container .or-cont, .password-recovery-page .login-container .or-cont {
    color: #6f6f6f;
}

.login-page .login-container span.icon, .password-recovery-page .login-container span.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .login-page .login-container span.icon img, .password-recovery-page .login-container span.icon img {
        max-width: 80%;
    }

.login-page .login-container span.buttonText, .password-recovery-page .login-container span.buttonText {
    padding: 20px;
}

.login-page .login-container .buttons-w-100 input, .password-recovery-page .login-container .buttons-w-100 input {
    border-radius: 12px;
    background-color: var(--color-active);
    padding: 8px;
    border: none;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .login-page .login-container .buttons-w-100 input, .password-recovery-page .login-container .buttons-w-100 input {
        font-size: 1.5rem;
    }
}

.login-page .login-container .form-control.email, .login-page .login-container .form-control.password, .password-recovery-page .login-container .form-control.email, .password-recovery-page .login-container .form-control.password {
    padding: 12px !important;
    padding-right: 40px !important;
    border-radius: 12px;
    border: solid 1px var(--color-light-gray-10);
    background-color: var(--color-white) !important;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94 !important;
}


@media screen and (max-width: 767px) {
    .login-page .login-container .form-control.email, .login-page .login-container .form-control.password, .password-recovery-page .login-container .form-control.email, .password-recovery-page .login-container .form-control.password {
        padding: 22px !important;
        padding-right: 40px !important;
        border-radius: 12px;
        border: solid 1px var(--color-light-gray-10);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.login-page .login-container #customBtn, .password-recovery-page .login-container #customBtn {
    display: inline-block;
    background-image: -o-linear-gradient(left, #fc4030 -14%, #f0cb35 92%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(-14%, #fc4030), color-stop(92%, #f0cb35));
    background-image: linear-gradient(to right, #fc4030 -14%, #f0cb35 92%);
    color: white;
    width: 100%;
    border-radius: 6px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .login-page .login-container #customBtn span.buttonText, .password-recovery-page .login-container #customBtn span.buttonText {
        font-size: 1.2rem;
    }

/*.login-page .login-picture, .password-recovery-page .login-picture {*/
/*background: url("../images/login2.png") no-repeat center/cover !important;*/
/*max-height: 500px;
        position: relative;
    }

        .login-page .login-picture p:first-child, .password-recovery-page .login-picture p:first-child {
            font-size: 1.3rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.55;
            letter-spacing: normal;
            text-align: center;
            color: var(--color-dark-2-5);
        }

        .login-page .login-picture p:last-child, .password-recovery-page .login-picture p:last-child {
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: var(--color-general-dark);
        }*/

.contact-page {
    /*background: #f5f5f5;*/
    overflow: hidden;
    height: 100%;
    margin-top: 80px;
    /*.overlay-map {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 999;
        display: none;

        #map {
            height: 100%;
            display: none;
            position: fixed !important;
            width: 60%;
            height: 60%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 1000;
            border-radius: 6px;

            div {
                border-radius: 6px;
                position: relative;
            }
        }
    }*/
}

    .contact-page .position-relative img {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px;
    }

    .contact-page .position-relative .position-absolute-textarea {
        top: 20px;
    }

    .contact-page #contactus-form {
        padding: 32px 56px;
        border-radius: 13px;
        background-color: var(--color-white) !important;
    }

@media screen and (max-width: 767px) {
    .contact-page #contactus-form {
        padding: 32px 24px;
    }
}

.contact-page #box-4 {
    height: 100% !important;
}

.contact-page .generalTitle {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5) !important;
    margin-bottom: 16px;
    gap: 8px;
}

.contact-page .fullname {
    width: 100%;
    height: 44px;
    border-radius: 8px !important;
    border: 1px solid var(--color-contact-gray) !important;
    background: #FFF !important;
}

    .contact-page .fullname:focus {
        width: 100%;
        height: 44px;
        border-radius: 12px;
        border: solid 1px var(--color-light-gray-10);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.contact-page textarea {
    width: 100%;
    height: 44px;
    border-radius: 8px !important;
    border: 1px solid var(--color-contact-gray) !important;
    background: #FFF !important;
}

    .contact-page textarea::palaceholder {
        color: #cdd3db !important;
    }

    .contact-page textarea:focus {
        width: 100%;
        height: 44px;
        border-radius: 12px;
        border: solid 1px var(--color-light-gray-10);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }

.contact-page .form-control.email {
    width: 100%;
    height: 44px;
    border-radius: 8px !important;
    border: 1px solid var(--color-contact-gray) !important;
}

    .contact-page .form-control.email:focus {
        width: 100%;
        height: 44px;
        border-radius: 12px;
        border: solid 1px var(--color-light-gray-10);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }

.contact-page .form-control.email, .contact-page textarea, .contact-page .fullname {
    /*padding: 30px 0 !important;*/
    /*border-bottom: 1px solid #bebebe;*/
    /*    padding-right: 40px;
*/ display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-contact-gray) !important;
    background: var(--color-white) !important;
    font-size: 14px !important
}

    .contact-page textarea::-webkit-input-placeholder {
        color: #cdd3db
    }

    .contact-page textarea::-moz-placeholder {
        color: #cdd3db
    }

    .contact-page textarea:-ms-input-placeholder {
        color: #cdd3db
    }

    .contact-page textarea::-ms-input-placeholder {
        color: #cdd3db
    }

    .contact-page textarea::placeholder {
        color: #cdd3db
    }

@media screen and (max-width: 767px) {
    .contact-page .form-control.email, .contact-page textarea, .contact-page .fullname {
        font-size: 1.2rem;
    }
}

.contact-page .contactus-bg {
    /*background-image: url('../images/contactUsbg.svg'), -webkit-gradient(linear, left top, left bottom, from(#ee9a6f), to(#f2aa33));
        background-image: url('../images/contactUsbg.svg'), -o-linear-gradient(top, #ee9a6f, #f2aa33);
        background-image: url('../images/contactUsbg.svg'), linear-gradient(to bottom, #ee9a6f, #f2aa33);*/
    /*height: 670px;
        border-radius: 6px;
        margin-left: 0.5rem !important;*/
    margin: 0 !important;
}

@media screen and (max-width: 1200px) {
    .contact-page .contactus-bg {
        margin: 0px !important;
    }
}

@media screen and (max-width: 991px) {
    .contact-page .contactus-bg {
        margin: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .contact-page .contactus-bg {
        /*padding: 20px !important;*/
        margin: 0px 0px !important
    }
}

.contact-page .contactus-bg .generalTitle {
    display: none !important;
}

.contact-page .contactus-bg .generalTitle1 {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

.contact-page .contactus-content {
    /*background: var(--color-white);*/
    /*height: 670px;*/
    border-radius: 6px;
    /*    margin-right: 0.5rem !important;
*/ /*padding: 100px;*/
    /*    margin: 0 70px !important;
*/ border-radius: 16px !important;
    background: var(--White, #FFF) !important;
    /* shadow-0-12-4-0-10 */
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10) !important;
}

@media screen and (max-width: 1200px) {
    .contact-page .contactus-content {
        margin: 0px !important;
    }
}

@media screen and (max-width: 991px) {
    .contact-page .contactus-content {
        margin: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .contact-page .contactus-content {
        margin: 0px !important;
    }
}

.contact-page .form-group {
    margin: 32px 0;
}

.contact-page .contact-us-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-button-white);
    background: var(--color-button-main);
    border: none;
    width: 140px;
    height: 40px;
    padding: 0px 16px !important;
}

@media screen and (max-width: 575px) {
    .contact-page .contact-us-button {
        width: 100%;
    }
}

.contact-page .topic-block-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .contact-page .topic-block-body div {
        margin: 16px 0;
    }

        .contact-page .topic-block-body div p {
            font-size: 1rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: start;
            color: var(--color-button-main);
            margin: 5px 16px;
        }

.sidebar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picture-container-register {
    background: url('/Plugins/Libra/Content/images/Rectangle 126.png') no-repeat;
    background-size: cover;
    position: relative;
    padding: 83px 58px;
}

.desc-register {
    padding: 34px 40px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    min-height: 192px;
    width: calc(100% - 70px);
    position: absolute;
    bottom: 21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .desc-register p {
        color: #fff;
        text-align: start;
        font-size: 1.2rem;
    }

        .desc-register p:first-child {
            margin-bottom: 18px !important
        }

.cookielaw-button, .learn-more {
    border-radius: 6px !important;
}

.eu-cookie-bar-notification {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px;
    background: var(--color-dark-2-5);
    z-index: 1040;
}

.card-bodyquote p {
    color: var(--color-white) !important
}

.eu-cookie-bar-notification .btn-group {
    margin-right: .75rem !important;
    margin-left: 0 !important;
}

#eu-cookie-bar-notification .ok-button {
    color: var(--color-dark-2-5);
    font-weight: 500;
}

#eu-cookie-bar-notification .learn-more {
    background-color: #1D1F20;
    border-color: #1D1F20;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    #eu-cookie-bar-notification .learn-more:hover {
        background-color: transparent;
        border-color: var(--color-white);
    }

#eu-cookie-bar-notification .btn {
    white-space: nowrap;
}

.not-found-page {
    margin-top: 100px
}

@media screen and (max-width: 767px) {
    .not-found-page {
        margin-top: 150px;
    }
}

.not-found-page .title-notfound {
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.38;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-dark-2-5);
}

.not-found-page p, .registration-result-page p {
    font-size: 1.3rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-general-dark-5);
}

.not-found-page a.btn, .registration-result-page a.btn {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 11.7rem;
    height: 48px;
    background: var(--color-active);
    border-radius: 12px;
    margin-top: 32px;
}

@media (max-width: 575px) {
    .not-found-page a.btn, .registration-result-page a.btn {
        width: 100%;
    }
}

.custom-container-profile h5 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    text-align: start;
    margin-bottom: 20px !important
}

.generalLeftSideProfile {
    background: var(--color-general-light);
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .d-hambergur-menu-setting {
        right: -1000px;
        position: absolute;
        top: 72px;
        width: 100%;
        height: 100vh;
        z-index: 100;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .d-hambergur-menu-setting-show {
        right: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
}

.setting-icon, .close-setting {
    font-size: 2rem;
    color: var(--color-dark-2-5)
}

.close-setting {
    position: absolute;
    top: 25px;
    right: 25px
}

.custom-container {
    /*background-color: var(--color-white);*/
    /*padding: 10px 270px;*/
    /*margin-top: 80px;*/
}

/*.custom-container-profile {
    margin-top: 130px !important
}*/


@media (max-width: 1500px) {
    /*  .custom-container {
        padding: 50px;
    }*/
}

/*@media (max-width: 575px) {
    .custom-container {
        padding: 0 !important;*/
/*margin-top: 100px;*/
/*}
}

@media screen and (max-width: 991px) {
    .custom-container {
        padding: 90px;
    }
}

@media screen and (max-width: 767px) {
    .custom-container {
        padding: 50px;*/
/*margin-top: 80px !important;*/
/*}
}*/

.tab-profile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-light-gray);
}

@media screen and (max-width: 767px) {
    .tab-profile {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        z-index: 1000
    }
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: unset !important
}

.profile-subscriptions p, .profile-subscriptions span {
    color: var(--color-dark-2-5);
}

    /*.profile-subscriptions span.subscription-price {
        background: var(--color-medium-gray-5-2)
    }*/

.active-sub {
    background: var(--color-linear-active-sub) !important;
    color: var(--color-button-white)
}

    .active-sub span  {
        color: var(--color-button-white)
    }
        .active-sub span .discount-bookmark {
            color: var(--color-button-white)
        }
.discount-bookmark {
    color: var(--color-linear-active-sub)
}


.profile-subscriptions.active-sub p {
    color: var(--color-button-white)
}

.custom-control-label-sub {
    font-weight: 700;
    font-size: 1rem;
    line-height: 32px;
}

.custom-container .generalLeftSideProfile .viewBox span {
    font-family: IRANSansX;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
    white-space: nowrap;
}

@media (max-width: 767px) {
    .custom-container .generalLeftSideProfile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /*margin-top: 100px;*/
    }
}

@media (max-width: 767px) {
    .custom-container .generalLeftSideProfile .block-account-navigation {
        width: 100%;
    }
}

.tab-profile {
    padding: 12px
}

    .tab-profile li, .tab-profile li a {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        color: var(--color-dark-2-5)
    }

        .tab-profile li.active-new {
            background: var(--color-customer-setting-active);
            border-radius: 8px;
        }

            .tab-profile li.active-new a {
                color: var(--color-dark-2-5) !important;
            }

.custom-container .col-12.generalSideRightProfile .page {
    height: auto !important;
    min-height: unset !important;
}

@media screen and (max-width: 767px) {
    .generalSideRightProfile {
        padding: 0 !important
    }
}

.custom-container .block-account-navigation {
    /*background: var(--color-white);*/
    border-radius: 6px;
}

    .custom-container .block-account-navigation a {
        color: var(--color-dark-2-5);
    }

.custom-container .settings-page {
    position: relative;
}

    .custom-container .settings-page .setting-title {
        border-radius: 8px;
        -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
        background-color: var(--color-white);
        color: var(--color-dark-2-5);
        padding: 10px 30px;
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        padding: 30px
    }

        .custom-container .settings-page .setting-title h1 {
            font-size: 1.3rem;
            text-align: start;
            font-size: 1.3rem;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            color: var(--color-general-dark-5);
        }

.custom-container .subscriptionplan-list-page {
    /*background: var(--color-white);*/
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    /*border: 1px solid var(--color-extra-light-gray-5-2);*/
    padding: 32px !important
}

.profile-container-picture {
    width: 80px !important;
    height: 80px !important;
    margin: auto;
    border-radius: 40px;
    margin-bottom: 10px;
    background: var(--color-light-gray-2);
    margin-top: 20px
}

.tab-profile p {
    color: var(--color-dark-2-5);
    font-weight: 500;
    margin-bottom: 25px !important;
    font-size: 16px;
    line-height: 26px;
}

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .p-container {
        padding: 20px;
        border-radius: 16px;
        border: solid 1px var(--color-extra-light-gray-5-2);
        margin-top: 10px;
    }
}

.custom-container .subscriptionplan-list-page .p1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .p1:first-child {
        color: #687a94;
    }
}

.custom-container .subscriptionplan-list-page .p2 {
    font-size: 1.3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

.custom-container .subscriptionplan-list-page .customer-plan {
    margin-top: 90px !important;
    width: 95%;
}

    .custom-container .subscriptionplan-list-page .customer-plan tbody {
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        background-color: var(--color-white);
        padding: 10px;
        border: 0 !important;
        text-align: start;
    }

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .customer-plan tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.custom-container .subscriptionplan-list-page .customer-plan tbody tr {
    border: 0 !important;
}

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .customer-plan tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.custom-container .subscriptionplan-list-page .customer-plan tbody tr th {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: start;
    color: #acacac;
    border: 0 !important;
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .customer-plan tbody tr th {
        padding: 10px;
    }
}

.custom-container .subscriptionplan-list-page .customer-plan tbody tr th .far {
    color: black;
    font-size: 1.3rem;
    cursor: pointer;
}

.custom-container .subscriptionplan-list-page .customer-plan tbody tr td {
    border: 0 !important;
    padding: 20px;
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
    .custom-container .subscriptionplan-list-page .customer-plan tbody tr td {
        padding: 10px;
    }
}

.custom-container .subscriptionplan-list-page ul {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--color-white);
    padding: 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: absolute;
}

    .custom-container .subscriptionplan-list-page ul h1 {
        font-size: 1.3rem;
        font-weight: bold;
    }

.profile-subscription-active {
    background: var(--color-active);
    padding: 24px;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.profile-subscriptions, .profile-info-cont {
    background: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px;
    border-radius: 8px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 4px 12px 0px #0000001A;
    box-shadow: 0px 4px 12px 0px #0000001A;
    height: 100%;
}

.profile-info-cont {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: var(--color-light-gray)
}

.line-profile-info {
    background: var(--color-extra-light-gray-2);
    width: 1px;
    height: 450px
}

.custom-control-label-sub:after, .custom-control-label-sub:before {
    display: none
}

.profile-subscriptions p {
    color: var(--color-dark-2-5);
}

@media screen and (max-width: 767px) {
    .profile-subscriptions p {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500
    }
}

.profile-subscription-active p {
    color: #fff
}

.profile-subscription-duration {
    font-size: 1rem;
}

.profile-subscription-title {
    font-size: 1.1rem !important;
    font-weight: bold !important
}

.profile-subscriptions {
    margin-bottom: 16px
}

.custom-container .change-password-page input {
    width: 100% !important;
    border: 1px solid var(--color-light-gray-10) !important;
}

.custom-container .change-password-page .title-info {
    padding: 10px 30px !important;
}

.custom-container .change-password-page .form-info img {
    top: 60% !important;
}

.custom-container .account-page .title-info, .custom-container .change-password-page .title-info {
    padding: 20px 40px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

    .custom-container .account-page .title-info h1, .custom-container .change-password-page .title-info h1 {
        font-size: 1.3rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        color: var(--color-dark-2-5);
    }

.custom-container .account-page .form-info, .custom-container .change-password-page .form-info {
    border: solid 1px var(--color-extra-light-gray-5-2);
    background: transparent;
    padding: 20px 32px !important;
    position: relative;
    border-radius: 16px;
    width: 100%;
    /*.title-info {
                padding: 20px 40px;
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                border-radius: 6px 6px 0 0;
                display: flex;
                justify-content: start;

                h1 {
                    font-size: 1.3rem;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                }
            }*/
}

@media screen and (max-width: 1500px) {
    .custom-container .account-page .form-info, .custom-container .change-password-page .form-info {
        padding: 30px !important;
    }
}

@media screen and (max-width: 1400px) {
    .custom-container .account-page .form-info, .custom-container .change-password-page .form-info {
        padding: 30px !important;
    }
}

@media screen and (max-width: 1200px) {
    .custom-container .account-page .form-info, .custom-container .change-password-page .form-info {
        padding: 30px !important;
    }
}

@media screen and (max-width: 767px) {
    .custom-container .account-page .form-info, .custom-container .change-password-page .form-info {
        padding: 20px !important;
    }
}

.custom-container .account-page .form-info label, .custom-container .change-password-page .form-info label {
    margin-bottom: 10px;
}

.custom-container .account-page .form-info input, .custom-container .change-password-page .form-info input {
    padding: 20px;
    /*padding: 12px 10.6px 12px 154px;*/
    padding-right: 35px;
    padding-left: 5px;
    border-radius: 12px;
    border: solid 1px var(--color-general-dark);
    background-color: var(--color-white);
    width: 100%;
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
    margin-top: 10px;
    direction: rtl;
}

@media screen and (max-width: 767px) {
    .custom-container .account-page .form-info button, .custom-container .change-password-page .form-info button {
        font-size: 1.3rem
    }

    .custom-container .account-page .form-info input, .custom-container .change-password-page .form-info input {
        font-size: 1.3rem
    }
}

/*  .custom-container .account-page .form-info button[type='submit'], .custom-container .change-password-page .form-info button[type='submit'] {
        padding: 10px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        background: var(--color-active);
        border: none;
        color: var(--color-white);
        margin-top: 10px;
        border-radius: 16px
    }*/

.custom-container .change-password-page .form-info button[type='submit'] {
    width: 100% !important;
}

/*@media screen and (max-width: 767px) {
        .custom-container .account-page .form-info button[type='submit'], .custom-container .change-password-page .form-info button[type='submit'] {
            width: 100%;
            font-size: 1.5rem;
            margin-top: 30vh;
        }
    }*/

.custom-container .account-page .form-info .row.form-group, .custom-container .change-password-page .form-info .row.form-group {
    position: relative;
}

    .custom-container .account-page .form-info .row.form-group .labelnew, .custom-container .change-password-page .form-info .row.form-group .labelnew {
        position: absolute;
        font-size: .75rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #687a94;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 21px;
        right: 20px;
        top: -5px;
        white-space: nowrap
    }

    .custom-container .account-page .form-info .row.form-group img, .custom-container .change-password-page .form-info .row.form-group img {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.custom-container .account-page .form-info .form-group, .custom-container .change-password-page .form-info .form-group {
    position: relative;
}

    .custom-container .account-page .form-info .form-group .labelnew, .custom-container .change-password-page .form-info .form-group .labelnew {
        position: absolute;
        font-size: .75rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #687a94;
        width: 29px;
        height: 21px;
        right: 10px;
        top: -5px;
        background-color: var(--color-bg-color);
        background-image: var(--color-bg-img);
        z-index: 2;
    }

    .custom-container .account-page .form-info .form-group img, .custom-container .change-password-page .form-info .form-group img {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.custom-container .account-page .form-info .circle-profile, .custom-container .change-password-page .form-info .circle-profile {
    border-radius: 46px;
    width: 92px;
    height: 92px;
    position: relative;
    padding: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid var(--color-medium-dark-gray);
    overflow: hidden;
}

.circle-camera {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    top: 75%;
    right: 10px;
    background: var(--color-medium-gray-2-5);
    cursor: pointer;
    z-index: 1
}

.profile-info-cont input {
    background: var(--color-light-gray) !important;
    border: 1px solid var(--color-light-gray-8-1) !important;
    border-radius: 6px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    height: 44px;
    color: var(--color-dark-2-5) !important
}

.save-customer-info-button, .save-customer-info-button:hover {
    background: var(--color-button-main) !important;
    border-radius: 8px;
    min-width: 107px;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 140px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
    color: var(--color-button-white);
    display: flex;
    width: 140px;
    height: 40px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--Spanish-Green---Tints-Spanish-Green---100, #009746);
}

.form-group-input input[type="radio"]:first {
    background: red
}

@media screen and (max-width: 767px) {
    .save-customer-info-button, .save-customer-info-button:hover {
        width: 100% !important
    }
}

.custom-container .account-page .form-info .circle-profile div, .custom-container .change-password-page .form-info .circle-profile div {
    width: 92px;
    height: 92px;
    border-radius: 46px;
    border: 2px solid var(--color-medium-dark-gray);
    overflow: hidden;
}

    /*.custom-container .account-page .form-info .circle-profile div img,*/ .custom-container .change-password-page .form-info .circle-profile div img {
        border-radius: 50%;
        max-width: 100%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

        .custom-container .account-page .form-info .circle-profile div img.img-fluid2, .custom-container .change-password-page .form-info .circle-profile div img.img-fluid2 {
            border-radius: 0;
            max-width: 100%;
            width: auto;
            height: auto;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -20px;
        }

    .custom-container .account-page .form-info .circle-profile div input, .custom-container .change-password-page .form-info .circle-profile div input {
        border-radius: 0;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -20px;
        opacity: 0;
        cursor: pointer;
    }

@media screen and (max-width: 575px) {
    .hr-profile {
        margin-top: 60px !important
    }
}

.password-recovery-page {
    height: auto;
    width: 100%;
    padding: 30px 231px;
    margin-top: 130px !important
}

.circle-profile {
    overflow: hidden;
    z-index: 1
}

.password-recovery-page .slick-dots {
    bottom: -30px !important
}

.password-recovery-page .generalTitle2 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

.password-recovery-page .generalTitle,
.password-recovery-page .generalTitle.h3 {
    font-size: 1.3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
}

.password-recovery-page .article {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

@media screen and (max-width: 767px) {
    .password-recovery-page .article {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 1500px) {
    .password-recovery-page {
        padding: 0 110px;
    }
}

@media screen and (max-width: 1200px) {
    .password-recovery-page {
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .password-recovery-page {
        padding: 0px;
        /*margin-top: 80px !important;*/
    }
}

/*.password-recovery-page .login-picture {*/
/*background: url("../images/login2.png") no-repeat center/cover;*/
/*max-height: 600px;
    }*/

.password-recovery-page .card {
    padding: 24px;
    border-radius: 16px;
    border: solid 1px var(--color-extra-light-gray-5-2);
    background-color: var(--color-white);
    width: 22rem;
}

@media screen and (max-width: 767px) {
    .password-recovery-page .card {
        border: none;
        padding: 0 30px;
        width: 100%;
        /*margin-top: 20px;*/
    }
}

@media screen and (max-width: 575px) {
    .password-recovery-page .card {
        background: transparent !important;
        padding: 0 !important
    }
}


.password-recovery-page .card span {
    text-align: start;
}

.password-recovery-page .card label {
    font-weight: bold;
    margin-top: 10px;
}

.password-recovery-page input {
    padding: 12px;
    padding-right: 40px;
    border-radius: 12px;
    border: solid 1px var(--color-light-gray-10);
    background-color: var(--color-white);
    font-size: .854rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
}

@media screen and (max-width: 767px) {
    .password-recovery-page input {
        padding: 22px;
        padding-right: 40px;
        font-size: 1.2rem;
    }
}

.password-recovery-page input[type=submit] {
    padding: 0 !important;
    border-radius: 12px;
    background-color: var(--color-active);
    padding: 8px !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .password-recovery-page input[type=submit] {
        margin-top: 30vh;
        font-size: 1.3rem;
    }
}



.topic-page-container {
    color: var(--color-dark-2-5);
    margin-bottom: 30px
}

.title-col {
    color: var(--color-dark-gray-3)
}


.topic-page-container .text-bold {
    font-size: 1.3rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
    margin-bottom: 0 !important;
}

.topic-page-container p {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
}

.topic-page-container h3, .topic-page-container h1 {
    color: var(--color-general-dark-5);
}

.topic-page-container .page-title h1 {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right !important;
    color: #687a94;
}

.topic-page-container .topic-page {
    padding: 32px !important;
    border-radius: 16px;
    border: solid 1px var(--color-extra-light-gray-5-2);
    margin-top: 30px !important
}

@media screen and (max-width: 767px) {
    .topic-page-container .topic-page {
        padding: 15px;
    }
}

footer {
    background-color: var(--color-main-bg);
    margin-top: 0;
    margin-bottom: 0;
}

    footer > div {
        max-width: 1440px;
        margin: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        padding: 50px;
        padding-bottom: 70px
    }



@media screen and (max-width: 767px) {
    footer > div {
        padding: 15px 0 !important
    }
}

.footer-lower {
    background: var(--color-main-bg);
    height: 46px;
    border-top: 1px solid transparent
}

.footer-lower {
    border-top: 1px solid var(--color-hr-2)
}


    .footer-lower p {
        font-size: 10px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0em;
        color: var(--color-footer-text-gray)
    }

@media screen and (max-width: 1500px) {
    footer {
        /*padding: 50px !important;*/
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    footer {
        padding: 30px !important;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    footer {
        padding: 15px !important;
    }
}

footer ol li {
    padding: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
}

/*   footer .list-group {
        max-height: 10rem;
    }

    @media screen and (max-width: 767px) {
        footer .list-group {
            max-height: 10rem;
        }
    }*/

footer .NewsletterBox-TitleC {
    min-width: 22rem;
}

@media screen and (max-width: 767px) {
    footer .NewsletterBox-TitleC {
        margin: 2rem 0;
        width: 100%;
    }
}

footer .NewsletterBox-TitleC .NewsletterBox-Title {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark);
}

footer .downloadapp-btn {
    width: 16.25rem;
    height: 50px;
    border-radius: 12px;
    background-color: var(--color-dark-blue-4);
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    border: none;
}

@media screen and (max-width: 767px) {
    footer .downloadapp-btn {
        height: 50px;
        padding: 14px;
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 991px) {
    footer {
        padding: 30px;
        padding-bottom: 90px;
    }
}

@media screen and (max-width: 767px) {
    footer {
        padding: 30px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    footer {
        padding: 30px;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dwn-container {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
    }
}

footer .install-app {
    color: var(--color-footer-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .install-app {
        text-align: start !important;
        /*margin-top: 1.5rem !important;*/
        margin-bottom: 1.5rem !important;
    }
}

@media screen and (max-width: 767px) {
    footer .install-app {
        font-size: 16px;
    }
}

footer ul li {
    gap: 12px;
    padding: 0 60px;
}

@media (min-width: 576px) and (max-width: 768px) {
    footer ul li {
        padding: 0 90px;
    }
}

footer .p-social {
    font-weight: 500 !important;
    text-align: start;
    color: var(--color-footer-text);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
}

footer .footer-disclaimer {
    font-size: 0.8rem;
}

footer .links-cont {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

footer .newsletter-button-container {
    position: absolute;
    left: 50px;
    width: 68px !important;
    height: 40px !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    footer .newsletter-button-container {
        left: 10px
    }
}

footer .newsletter-button-container button {
    width: 107px !important;
    height: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-active) !important;
    border-radius: 8px !important;
    border: none !important;
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

/*@media screen and (max-width: 767px) {
    footer .newsletter-button-container button {
        width: 50px !important;
    }
}*/

@media screen and (max-width: 767px) {
    footer .newsletter-button-container {
        /*padding: 0;
            margin: 0*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 767px) {
    footer .newsletter-button-container #newsletter-subscribe-button {
        width: 100%;
        margin: 0;
        /*margin-top: 10px;*/
        font-size: 11px !important;
        border-radius: 8px !important
    }
}

footer .list-group-item {
    background: transparent;
}

@media screen and (max-width: 767px) {
    footer .NewsletterBoxC {
        width: 100%;
    }
}



footer .newsletter .label-mobile {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #687a94;
    background-image: var(--color-bg-img);
    background-color: var(--color-bg-color);
    right: 20px;
    top: -15px;
    z-index: 1;
    padding: 5px;
}

@media screen and (max-width: 767px) {
    footer .newsletter {
        padding: 0 !important;
    }
}

footer .newsletter img {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

@-moz-document url-prefix() {
    footer .newsletter input {
        height: 48px;
        border-radius: 8px !important;
        border: none;
        background-color: var(--color-footer-input);
        padding: 0 15px;
        color: var(--color-footer-text)
    }
}

footer .newsletter input {
    height: 48px;
    border-radius: 8px !important;
    border: none;
    background-color: var(--color-footer-input);
    padding: 0 15px;
    color: var(--color-footer-text)
}

@media screen and (max-width: 767px) {
    footer .newsletter input {
        font-size: 12px !important;
        border-radius: 8px !important;
        padding: 0 15px
    }
}
@media screen and (max-width: 767px) {
    footer .newsletter input {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100% !important;
    }
}

footer .newsletter input::-webkit-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    footer .newsletter input::-webkit-input-placeholder {
        font-size: 12px !important;
    }
}

footer .newsletter input::-moz-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    footer .newsletter input::-moz-placeholder {
        font-size: 1rem;
    }
}

footer .newsletter input:-ms-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    footer .newsletter input:-ms-input-placeholder {
        font-size: 1rem;
    }
}

footer .newsletter input::-ms-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    footer .newsletter input::-ms-input-placeholder {
        font-size: 1rem;
    }
}

footer .newsletter input::-webkit-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

footer .newsletter input::-moz-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

footer .newsletter input:-ms-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

footer .newsletter input::-ms-input-placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

footer .newsletter input::placeholder {
    color: var(--color-footer-text);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: start;
}

@media screen and (max-width: 767px) {
    footer .newsletter input::-webkit-input-placeholder {
        font-size: 1rem;
    }

    footer .newsletter input::-moz-placeholder {
        font-size: 1rem;
    }

    footer .newsletter input:-ms-input-placeholder {
        font-size: 1rem;
    }

    footer .newsletter input::-ms-input-placeholder {
        font-size: 1rem;
    }

    footer .newsletter input::placeholder {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    footer .newsletter input {
        max-width: 100%;
        font-size: 1rem;
    }
}

footer .newsletter .newsletter-desc {
    font-size: 1.3rem;
}

footer ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    footer ol li {
        border: none !important;
    }

        footer ol li a span {
            color: black !important;
            font-size: 2.5rem;
        }

@media screen and (max-width: 767px) {
    footer .my-account ul, footer .information ul, footer .about-us ul {
        padding: 0;
    }
}

footer .my-account ul li:first-child, footer .information ul li:first-child, footer .about-us ul li:first-child {
    font-size: 1.2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #fff;
    padding: 0 !important;
}

/* footer .my-account ul li:first-child a, footer .information ul li:first-child a, footer .about-us ul li:first-child a {
        font-size: 1.3rem;
    }*/

/*footer .my-account ul li:nth-child(2), footer .information ul li:nth-child(2), footer .about-us ul li:nth-child(2) {
    margin-top: 10px;
}*/

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

    footer .my-account ul li, footer .information ul li, footer .about-us ul li {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
    }

        footer .my-account ul li:first-child, footer .information ul li:first-child, footer .about-us ul li:first-child {
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 26px;
        }
}

footer .my-account ul li a, footer .information ul li a, footer .about-us ul li a,
footer .my-account ul li, footer .information ul li, footer .about-us ul li {
    color: var(--color-footer-text-gray);
}

footer .my-account ul .column2, footer .information ul .column2, footer .about-us ul .column2 {
    margin-top: 2.5rem !important;
    margin-right: 4.5rem;
}

footer .my-account ul .column3, footer .information ul .column3, footer .about-us ul .column3 {
    margin-top: 0;
    margin-right: 4.5rem;
}

footer .viewBox .title-col {
    font-size: 1.2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
    color: #fff;
    padding: 0 !important;
}

footer .my-account ul li, footer .information ul li, footer .about-us ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-footer-text-gray);
    border: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    footer .my-account ul li, footer .information ul li, footer .about-us ul li {
        margin-right: 0;
    }

    .AboutUs-Desc {
        border-bottom: 1px solid var(--color-extra-light-gray-3) !important
    }
}

footer .my-account ul li a, footer .information ul li a, footer .about-us ul li a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-footer-text-gray);
}

@media screen and (max-width: 767px) {
    footer .my-account ul li a, footer .information ul li a, footer .about-us ul li a {
        font-size: 16px;
        white-space: nowrap;
    }
}

footer .about-us ul {
    padding: 0;
}

.all-categoty-page {
    padding: 24px 139px;
    margin-top: 103px
}

    .all-categoty-page h3 {
        color: var(--color-blue-2-5)
    }

@media screen and (max-width: 1200px) {
    .all-categoty-page {
        padding: 50px;
    }
}

@media screen and (max-width: 767px) {
    .all-categoty-page {
        padding: 10px;
        margin-top: 130px;
    }
}

.all-categoty-page .generalTitle {
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-dark-2-5);
    width: 60%;
}

@media screen and (max-width: 767px) {
    .all-categoty-page .generalTitle {
        width: 100% !important;
        font-size: 1.5rem;
        color: var(--color-dark-2-5);
    }
}

@media screen and (max-width: 991px) {
    .all-categoty-page .generalTitle {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    .all-categoty-page .generalTitle {
        width: 100%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .generalTitlee {
        margin-bottom: 50px !important
    }

    .categories-breadcrumb {
        margin-top: 103px !important
    }
}

.all-categoty-page .container-categories {
    width: 100%;
    /*height: 200px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    border: solid 1px var(--color-body-bg-2);
    padding: 20px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.card {
    background: var(--color-white) !important;
}

.all-categoty-page .container-categories:hover {
    border: solid 1px var(--color-general-dark-5);
}

.all-categoty-page .card-title a {
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-general-dark-5);
}

.container-categories .card {
    background: transparent !important;
}

@media screen and (max-width: 767px) {
    .all-categoty-page .card-title a {
        font-size: 1rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: center;
        color: #687a94;
    }
}

.sugestion-book-home {
    background: var(--color-footer-input);
    border-radius: 8px;
    position: relative;
    /* margin-top: 30px*/
    padding: 20px 30px;
    max-width: 196px;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .sugestion-book-home {
        margin-top: 60px;
        max-width: unset;
        margin-right: unset
    }
}

.sugestion-book-home img {
    position: static;
    top: -30px;
    left: 50%;
    /*     transform: translateX(-50%);*/
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.categories-items h5, .categories-items p {
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-dark-2-5);
    margin-top: 15px
}

.categories-items p {
    font-weight: normal;
    font-size: .85rem;
}

@media screen and (max-width: 767px) {
    .categories-items {
        padding: 20px;
        border-bottom: 1px solid var(--color-extra-light-gray-5-2)
    }
}

.sugestion-book-home h5, .sugestion-book-home p {
    font-size: 1rem;
    color: var(--color-dark-2-5);
    font-weight: 700;
    text-align: center
}

.sugestion-book-home p {
    font-size: .85rem;
    font-weight: normal
}

.icon-container img {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}


.fa-cog {
    color: #2e405b;
    font-size: 1.5rem
}

/*.activee .fa-cog {
    color: var(--color-active)
}*/

@media screen and (max-width: 767px) {
    .fa-cog {
        display: none;
    }
}

.zoomImg {
    width: auto
}

.btn-home {
    border-radius: 10px;
    white-space: nowrap;
    margin-top: 10px;
    font-size: .7rem;
    color: var(--color-dark-gray-7);
    background: var(--color-active);
    border: none;
    color: #fff;
    padding: 10px
}

.img-thumbnail {
    cursor: pointer;
}

.mfp-close {
    cursor: pointer !important;
}

.vote:hover .vote-yes, .vote:hover .vote-no {
    opacity: 1
}

.vote-yes, .vote-no {
    opacity: 1
}

.vote:hover .fa-thumbs-up, .vote:hover .fa-thumbs-down {
    opacity: 1
}

.fa-thumbs-up, .fa-thumbs-down {
    color: var(--color-general-dark);
}
/*label no content*/
.label-container {
    /*min-width: 110px;*/
    height: 28px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    /*right: 1rem;
    bottom: 1rem;*/
    /*padding: 5px 10px;*/
    z-index: 5;
    border-radius: 8px;
    background: var(--color-white);
    opacity: 0.8 !important;
    color: var(--color-dark-2-5);
    font-size: .8rem;
    /*-webkit-box-shadow: 0 3px 6px 0 rgba(44, 39, 56, .16);
    box-shadow: 0 3px 6px 0 rgba(44, 39, 56, .16)*/
}

@media screen and (max-width:1200px) {
    .section-recommand .label-container {
        margin-top: 5px
    }
}

.label-container img {
    width: 40px !important
}

@media screen and (max-width: 767px) {
    .label-container {
        width: 100%;
        z-index: 5;
        height: 48px !important;
        border-radius: 8px 8px 0 0;
        background: var(--color-white);
        color: #687a94;
        top: 0;
        right: 0;
        font-size: 12px;
        font-weight: 300;
    }

    .audio-picture .label-container {
        top: 40px !important;
        min-width: unset !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-recommand .audio-picture .label-container {
        font-size: 1rem
    }
}

.audio-picture .label-container {
    top: 0;
    border-radius: 8px 8px 0 0
}

.label-container-audio-book {
    height: 28px !important;
    border-radius: 8px;
    /*min-width: 110px;*/
}

@media screen and (max-width: 767px) {
    .label-container-audio-book {
        height: 40px !important;
        width: 100%;
        top: 40px;
        right: 0;
        border-radius: 8px 8px 0 0;
        right: 0
    }
}

.label-container-big {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-orient: horizontal;
    min-width: 110px;
    height: 28px !important;
    border-radius: 8px
}

    .label-container-big img {
        height: unset !important
    }

@media screen and (max-width: 767px) {
    .label-container-big {
        width: 100px !important;
        right: 10px !important;
        top: 73% !important
    }

    .featured-product-big .prod-list img {
        right: 10px;
    }
}

.label-container-big img {
    width: 40px !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    position: relative !important;
    right: 0 !important
}

.label-container-img-category {
    min-width: 110px;
    border-radius: 8px
}

@media screen and (max-width: 1200px) {
    .label-container-img-category {
    }
}

@media screen and (max-width: 767px) {
    .label-container-img-category {
        width: 122px;
        bottom: 0;
        right: 0;
        border-radius: 8px 8px 0 0;
    }
}

.label-container-img-category img {
    width: 40px !important;
    height: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: static !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.label-container-img-search {
    border-radius: 8px !important;
    min-width: 110px;
    height: 28px !important;
}

.label-container-img-category-audio {
    /*border-radius: 8px 8px 0 0;*/
    top: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .label-container-img-category-audio {
        top: 20px;
    }

    .label-container-img-search {
        margin-left: 10px;
        margin-top: 5px
    }
}

.label-container-img-search-audio {
    width: 120px !important;
    right: 10px !important
}

@media screen and (max-width: 767px) {
    .label-container-img-search-audio {
        top: 10px !important;
        right: 0 !important;
        width: 122px !important;
    }
}

.label-container-img-search-ebook {
    bottom: 0 !important;
    right: 10px;
    top: unset !important;
    border-radius: 0 0 8px 8px !important;
}

@media screen and (max-width: 767px) {
    .label-container-img-search-ebook {
        width: 122px !important;
        top: -35px !important;
        right: 0;
        bottom: unset;
        border-radius: 8px 8px 0 0 !important;
    }
}

.label-container-land {
    right: 0 !important;
    top: unset !important;
    bottom: 0 !important;
    border-radius: 0 0 8px 8px;
    height: 40%;
    font-size: 1rem;
    color: var(--color-dark-2-5);
}

@media screen and (min-width: 768px) {
    .label-container-land {
        border-radius: 8px
    }
}

.label-container-land img {
    width: 40px !important;
}

@media screen and (max-width: 350px) {
    .label-container-land img {
        width: 30px
    }
}
/*video sample*/
.vjs-has-started .vjs-control-bar, .video-js .vjs-progress-control .vjs-progress-holder, .video-js .vjs-progress-control .vjs-progress-holder {
    direction: ltr
}

.video-js {
    width: 100%;
    height: 100%
}

.trailer {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000000000;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
}

    .trailer.activeee {
        visibility: visible;
        opacity: 1;
    }

    .trailer video {
        position: relative;
        max-width: 900px;
        outline: none;
    }

@media screen and (max-width: 991px) {
    .trailer video {
        max-width: 90%
    }
}

.closee {
    position: absolute !important;
    top: 3% !important;
    right: 3% !important;
    cursor: pointer !important;
    -webkit-filter: invert() !important;
    filter: invert() !important;
    max-width: 32px !important;
    font-size: 1.3rem;
    color: var(--color-active) !important;
}

@media screen and (max-width: 991px) {
    .closee {
        right: 7% !important
    }
}

.icon-camera {
    width: 20px
}

.text-filter {
    top: 0px;
    right: 0px;
    height: 30px;
    opacity: 0.8;
    border-radius: 6px;
    background: #f7f7f7;
    color: #04214d;
    padding: 15px;
    z-index: 100
}

@media screen and (max-width: 575px) {
    .text-filter {
        font-size: 0.85rem
    }
}

.page.facebook-login {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

    .page.facebook-login .alert-danger {
        text-align: center;
        font-size: 1.3rem
    }

    .page.facebook-login h1 {
        color: var(--color-general-dark-5);
    }

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--color-active) !important;
    background-color: var(--color-active) !important;
}

/*pdf style*/
#the-canvas {
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    direction: ltr;
    overflow: auto;
}

button:focus {
    outline: none;
    border: none;
}

button {
    border-radius: 8px;
    border: none;
    color: var(--color-button-white);
    background: var(--color-button-main);
    padding: 5px;
}

.bg-gray {
    border-radius: 8px;
    background: #f7f7f7;
}


/*pdf reader style*/
.btnn {
    width: 30px;
    height: 30px;
    background: #FFF;
    border: 1px solid var(--color-active);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: var(--color-active) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .btnn:hover {
        background: rgba(253, 126, 20, 0.5);
    }
/*equelweb*/
.INDpositionRight #INDmenu-btn {
    position: fixed;
    top: 90% !important;
    bottom: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width : 767px) {
    .INDpositionRight #INDmenu-btn {
        width: 60px;
        height: 60px
    }
}

/*player audio*/
/**
 * tiny-player v.0.2.0
 * irubataru.com
 *
 * Copyright (c) 2018-2020 Jonas Rylund Glesaaen
 *
 * MIT License
 */
.maine {
    width: 11.25rem;
    max-width: 500px;
    margin-top: 10px;
    border-radius: 7px;
    bottom: 0;
    left: 5px
}

.category-page .maine {
    position: absolute;
    left: 5px;
    width: 8rem;
}

@media screen and (max-width: 575px) {
    .category-page .maine {
        left: 0 !important
    }
}

.iru-tiny-player {
    position: relative;
    border: 0.2ex solid;
    border-radius: 7px;
    direction: ltr;
    width: 100%;
    height: 40px;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #fed8b9;
    border: 1px solid var(--color-extra-light-gray-2-5) !important;
    font-size: .85rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-active) !important;
    overflow: hidden
    /*margin: 4px;*/
}


    .iru-tiny-player .song-main-info {
        /*margin: 2ex 2ex;
        font-size: 1.25rem;*/
        direction: ltr;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #666050;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        padding: 5px
    }

@media screen and (max-width: 767px) {
    .iru-tiny-player .song-main-info {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 10px
    }

    .iru-tiny-player {
        background: transparent;
        border: none;
    }
}

.iru-tiny-player .icon {
    margin-right: 1ex;
    min-width: 1.5rem;
    -ms-flex-preferred-size: 1.5rem;
    flex-basis: 1.5rem;
    text-decoration: none;
    border-bottom: none;
    position: relative;
    cursor: pointer;
    color: var(--color-active);
}

    .iru-tiny-player .icon:hover {
        color: #6d3827;
    }

@media screen and (max-width: 480px) {
    .iru-tiny-player .icon {
        margin-right: 0.25ex;
        min-width: 1rem;
        -ms-flex-preferred-size: 1rem;
        flex-basis: 1rem;
    }
}

/*.iru-tiny-player .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}*/

.iru-tiny-player .song-main-info .icon.fa-stop {
    margin-right: 2ex;
}

@media screen and (max-width: 767px) {
    .iru-tiny-player .song-main-info .icon.fa-stop, .song-main-info .song-timer {
        margin-right: 0.5ex;
        display: none
    }
}

.iru-tiny-player .song-main-info .song-timer {
    margin: 0ex 1ex;
    white-space: nowrap;
    color: var(--color-active);
    width: 50px
}

@media screen and (max-width: 767px) {
    .fa-volume-up {
        display: none
    }

    .fa-play, .fa-pause {
        font-size: 1.5rem
    }
}

.iru-tiny-player .song-main-info .song-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    display: none
}

.iru-tiny-player .song-seek {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    background: var(--color-extra-light-gray-2-5);
    cursor: pointer
}

.iru-tiny-player .song-progress {
    position: absolute;
    background-color: #A2C6FF;
    opacity: 0.5;
    width: 0%;
    height: 4px;
    border-radius: 8px;
    top: 0
}

.iru-tiny-player .song-volume-control {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 40px;
    border-radius: 8px;
    top: 0;
}

.iru-tiny-player .song-volume-bar {
    position: absolute;
    top: 50%;
    left: 20%;
    height: 10px;
    margin: 0px auto;
    width: 80%;
    background-color: #666050;
}

.category-page .song-main-info {
    font-size: 0.7rem !important
}

@media screen and (max-width: 767px) {
    .search-page .iru-tiny-player, .category-page .iru-tiny-player {
        width: 30px !important;
        height: 30px;
        background: var(--color-active);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .search-page .iru-tiny-player .fas.fa-play, .category-page .iru-tiny-player .fas.fa-play {
            color: #fff;
            font-size: 1.2rem
        }

    .category-page .row.mx-0.h-100 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .category-page .d-md-none.d-block.m-3 {
        margin: 0 !important
    }
}

.iru-tiny-player .song-volume-bar#fg {
    height: 5px;
    margin: -2.5px auto;
    width: 60%;
}

.iru-tiny-player .song-volume-bar#fgg {
    height: 10px;
    margin: -5px auto;
    background-color: rgba(255, 255, 255, 0);
    width: 60%;
}

.iru-tiny-player .song-volume-bar#bg {
    height: 1.5px;
    margin: -0.75px auto;
    background-color: #666050;
    width: 60%;
}

.iru-tiny-player .song-volume-dot {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 80%;
    margin: -7.5px auto;
    background-color: #666050;
    border-radius: 7.5px;
    cursor: pointer;
}

    .iru-tiny-player .song-volume-dot:hover {
        background-color: #6d3827;
    }

.iru-tiny-player .icon.fa-times {
    margin: 2ex 2.5ex;
    position: absolute;
    font-size: 1.25rem;
    left: -25px;
    top: -15px;
    color: #666050;
}

@media screen and (max-width: 480px) {
    .iru-tiny-player .icon.fa-times {
        margin: 2ex 1.5ex;
        font-size: 1rem;
    }
}

#INDmenu .INDmenuHeader #INDlangsCombo {
    background: #e45300 !important
}

.category-page .product-box .product-info-category {
    margin: 0;
    padding-left: 30px !important
}

@media screen and (max-width: 1750px) and (min-width: 768px) {
    .category-page .iru-tiny-player {
        /*margin: 4px 10px !important*/
    }
}

/*  .login-picture {
        direction: rtl
    }*/

.page.product-details-page.product-standard .result-container-succsess {
    border-right: 8px solid #28a745 !important;
    left: 92px;
    bottom: 45px;
    z-index: 10000;
    background: var(--color-white);
    padding: 37px 33px;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    overflow: hidden;
    width: 540px
}

.page.product-details-page.product-standard .result-container-info {
    border-right: 8px solid #007bff !important;
    left: 92px;
    bottom: 45px;
    z-index: 10000;
    background: var(--color-white);
    padding: 37px 33px;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    overflow: hidden;
    width: 540px
}

.page.product-details-page.product-standard .result-container-danger {
    border-right: 8px solid #dc3545 !important;
    left: 92px;
    bottom: 45px;
    z-index: 10000;
    background: var(--color-white);
    padding: 37px 33px;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    overflow: hidden;
    width: 540px
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .result-container-danger,
    .page.product-details-page.product-standard .result-container-info,
    .page.product-details-page.product-standard .result-container-succsess {
        padding: 10px;
        width: 80%;
        left: 10px
    }
}


.product-details-page .app-pre-show-cont .maine, .app-pre-show-cont .iru-tiny-player {
    width: 16.25rem !important;
    position: absolute;
}


.product-details-page .app-pre-show-cont .maine, .app-pre-show-cont .iru-tiny-player {
    width: 100% !important;
    max-width: unset !important;
    position: relative;
    left: 0
}

.app-pre-show-cont .maine, .app-pre-show-cont .iru-tiny-player {
    width: 16.25rem
}

.app-pre-show-cont .iru-tiny-player {
    border: 1px solid
}

    .app-pre-show-cont .iru-tiny-player .song-main-info .icon.fa-stop, .app-pre-show-cont .song-main-info .song-timer {
        display: block;
    }

@media screen and (max-width: 767px) {
    .app-pre-show-cont .iru-tiny-player .song-main-info .icon.fa-stop, .app-pre-show-cont .song-main-info .song-timer, .app-pre-show-cont .icon.fa-play {
        display: block;
        font-size: 1.2rem !important;
    }
}

.app-pre-show-cont .iru-tiny-player .song-main-info {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.crisp-client .cc-kv6t .cc-1xry .cc-unoo .cc-7doi {
    background: var(--color-active) !important
}

.fa-stop {
    display: none !important
}

.fa-volume-up {
    margin-left: 1ex !important
}

.product-details-page .iru-tiny-player {
    margin: 0 !important
}

.detailsbook .spec-value div {
    text-align: end !important
}

#INDmenu-btn.INDcircle-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

#INDmenu-btn svg * {
    margin: auto !important
}

#appleid-signin {
    padding: 20px;
    width: 100%
}

    #appleid-signin div {
        height: 50px !important;
        max-width: unset !important
    }

        #appleid-signin div div {
            border-radius: 12px !important;
            background: var(--color-active) !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            font-size: 1rem !important;
            direction: ltr
        }

.fa-apple {
    font-size: 1.5rem
}

#appleid-signin rect {
    stroke: transparent !important;
    fill: transparent !important
}

/*@media screen and (min-width: 1500px) and (max-width:1700px ) {
    .search-header .search-box-text {
        width: 25vw !important
    }
}

@media screen and (min-width: 1100px) and (max-width: 1250px) {
    .search-header .search-box-text {
        width: 28vw !important;
    }
}*/

.avatar-page {
    text-align: right
}

    .avatar-page label {
        border-radius: 6px;
        background: var(--color-active);
        border: none
    }

        .avatar-page label input {
            border: none;
            border-radius: 6px;
        }

.upload-avatar-button {
    background: var(--color-active);
    border: none;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .SlickCarousel3 .flex-grid.form-row {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        height: 28rem !important
    }

    .featured-product-hot .Arrows.SlickCarousel2.SlickCarousel3 {
        height: 31rem !important
    }

    .Arrows.SlickCarousel3 {
        overflow-x: auto !important;
    }
}

.Arrows.SlickCarousel3 h2 {
    text-align: start
}

.navigation-pdf-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 5px;
    left: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    width: 360px
}

@media screen and (max-width: 767px) {
    .navigation-pdf-container {
        width: 100%
    }
}

.navigation-pdf-container input {
    padding: 5px;
    width: 40px
}

.navigation-pdf-container button {
    background: transparent
}

#canvas_container, #my_pdf_viewer {
    background: black;
    height: 90vh;
    border-radius: 6px;
    overflow: auto
}
    /* width */
    #canvas_container::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    #canvas_container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    #canvas_container::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        #canvas_container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.opacity-zoom {
    opacity: 0.5 !important
}

@media screen and (max-width: 575px) {
    footer .column2, footer .column3 {
        margin-right: 2.5rem !important
    }
}

.modal {
    z-index: 10000000 !important
}

.modal-content {
    -webkit-box-shadow: 1px 1px 11px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 11px 6px rgba(0, 0, 0, 0.3);
}

.card.recommender {
    background-color: transparent !important;
    border: none !important
}

.rating-cont {
    z-index: 3 !important
}

.recommender .book-img {
    max-height: 170px !important;
    width: auto !important
}



#dialog_success {
    color: var(--color-dark-2-5) !important
}

    #dialog_success button span {
        color: var(--color-dark-2-5) !important
    }

.newsletter-page {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .newsletter-page strong {
        color: green;
        font-size: 1.3rem
    }

.responsive-land {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    vertical-align: top;
    width: 100%
}

    .responsive-land span {
        color: var(--color-dark-2-5);
    }

    .responsive-land a {
        color: var(--color-dark-2-5);
        font-weight: bold;
    }


    .responsive-land .comments .product-review-list, .media-comments .product-review-list {
        overflow: auto
    }

.reply-comment-cont {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border: 1px solid var(--color-dark-gray-3);
    color: var(--color-dark-gray-3);
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer
}

    .reply-comment-cont img {
        width: 16px;
        height: 16px
    }


.responsive-cont {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
}


@media screen and (max-width: 767px) {
    .first-responsive-land {
        margin-top: 50px
    }

    .details-book.details-book-up ul {
        width: 100%
    }
}

#sticker-sticky-wrapper {
    height: 0 !important
}

.stickyy {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow-y: visible
}

/*#sticker {
    height: 100%
}*/

.is-sticky #sticker {
    overflow: auto !important
}

    .is-sticky #sticker::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: var(--color-body-bg-2);
    }

    .is-sticky #sticker::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: var(--color-body-bg-2);
    }

    .is-sticky #sticker::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #cdd3db;
    }

.rate-zero {
    cursor: pointer;
    color: var(--color-active) !important;
    white-space: nowrap
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .category-page .iru-tiny-player, .category-page .maine {
        background: transparent;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border: none;
    }

        .category-page .iru-tiny-player .song-seek, .category-page .iru-tiny-player .song-progress,
        .category-page .iru-tiny-player .song-timer, .category-page .iru-tiny-player .icon.fas.fa-volume-up {
            display: none;
        }
}

.contactus-bg a {
    color: var(--color-dark-2-5);
}

.categories-breadcrumb::-webkit-scrollbar {
    display: none;
}

.categories-breadcrumb {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

li.breadcrumb-item span {
    white-space: nowrap
}

.selected-li {
    background: var(--color-bg) !important
}

.search-header-another .selected-li, .fixed-input-homepage .selected-li,
.fixed-input-homepage .ui-menu-item:hover, .search-header-another .ui-menu-item:hover {
    background: var(--color-footer-input) !important
}

.open .products-container > *:nth-child(-n + 5) {
    display: list-item !important
}

.ui-autocomplete-loading .open .products-container > *:nth-child(-n + 5) {
    display: list-item !important
}

#dialog_error h5, button.close span {
    color: red !important
}

button.close span, button.close {
    z-index: 10000
}

    button.close span {
        font-size: 2rem
    }

@media screen and (max-width: 575px) {
    .search-page .song-progress {
        display: none
    }
}

.audioModal .song-progress {
    display: block;
    background: var(--color-active)
}

.audioModal .iru-tiny-player {
    background: transparent;
    height: 50px;
    border: 1px solid var(--color-active);
    border-radius: 12px;
    width: 100% !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden
}

    .audioModal .iru-tiny-player .fas.fa-play, .audioModal .iru-tiny-player .fa-volume-up {
        color: var(--color-active);
        font-size: 1.5rem;
        display: block
    }

    .audioModal .iru-tiny-player .icon.fa-times {
        left: 0;
        top: 0;
        font-size: 1.2rem
    }

    .audioModal .iru-tiny-player .song-main-info {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 5px
    }

    .audioModal .iru-tiny-player .song-timer {
        display: block;
        color: var(--color-active)
    }

    .audioModal .iru-tiny-player .song-progress, .audioModal .iru-tiny-player .song-seek {
        height: 15px;
        position: absolute;
        top: 0
    }

    .audioModal .iru-tiny-player .song-seek {
        background: rgba(255, 107, 0, 0.2);
        -webkit-box-shadow: 11px 13px 7px -10px rgba(255, 107, 0, 0.6) inset;
        box-shadow: 11px 13px 7px -10px rgba(255, 107, 0, 0.6) inset;
        border-radius: 12px
    }

.audioModal .song-main-info {
    font-size: 1.3rem !important
}

.audioModal button {
    font-size: 1.2rem !important
}

.audioModal a {
    font-size: 1.5rem;
    color: var(--color-active) !important
}

.payments-page {
    color: var(--color-dark-2-5) !important;
    text-align: start
}

.vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::before, .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after {
    position: absolute !important;
    right: 0
}

.page.authority-page.category-page h1 {
    white-space: nowrap !important
}

.Arrows strong {
    color: var(--color-dark-gray-7) !important
}

@media screen and (max-width: 340px) {
    .icon-pdf-ebook {
        right: 30% !important
    }
}

.megamenu-li {
    position: static;
}

/*.category-megamenu.show {
    top: 100% !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    position: fixed !important;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    background: var(--color-main-bg);
    z-index: 10;
    padding: 24px;
    border-radius: 0 0 16px 16px;
    text-align: start;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    margin: 0 !important;
    max-width: 1440px !important
}*/

/*.megamenu-li:hover .category-megamenu {
        visibility: visible;
        opacity: 1;
        transition: 0.5s all
    }*/

.megamenu {
    position: absolute !important;
    width: 100% !important;
    left: 0;
    right: 0;
    padding: 15px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 767px) {
    .megamenu {
        top: 44px !important;
        left: 0 !important;
        border: none !important;
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        overflow: scroll;
        margin: 0
    }
}

.dropdown-toggle::after {
    display: none
}

.categories.nav-link.dropdown-toggle {
    padding: 0 !important;
    border: none !important;
    direction: rtl;
    cursor: pointer;
    display: flex;
    align-items: center
}
/*carousel home header banner*/
.cascade-slider_container {
    position: relative;
    height: 500px;
    margin: 0 auto;
    direction: rtl;
    margin-top: 40px;
    z-index: 0
}

.cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.3);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0.3);
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
}

    .cascade-slider_item.next {
        left: 50%;
        -webkit-transform: translateY(-80%) translateX(-110%) scale(0.6);
        -ms-transform: translateY(-80%) translateX(-110%) scale(0.6);
        transform: translateY(-80%) translateX(-110%) scale(0.6);
        opacity: .1;
        z-index: 1;
        border-radius: 8px;
    }

    .cascade-slider_item.prev {
        left: 50%;
        -webkit-transform: translateY(-80%) translateX(10%) scale(0.6);
        -ms-transform: translateY(-80%) translateX(10%) scale(0.6);
        transform: translateY(-80%) translateX(10%) scale(0.6);
        opacity: .1;
        z-index: 1;
        border-radius: 8px;
    }

    .cascade-slider_item.now {
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        opacity: 1;
        z-index: 5;
    }

.cascade-slider_item {
    background: rgba(196, 196, 196, 0.5);
    width: 266px;
    height: 400px;
    padding: 22px 33px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .cascade-slider_item img {
        max-width: 100%;
        font-size: 16px;
        border-radius: 8px
    }

    .cascade-slider_item p {
        color: var(--color-dark-2-5);
        text-align: center;
        font-size: 1rem;
    }


.cascade-slider_arrow {
    display: inline-block;
    position: absolute;
    top: 80%;
    cursor: pointer;
    z-index: 5;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 768px) {
    #small-search-box-form .input-group {
        margin-top: 38px;
    }

    .search-header-another #small-search-box-form .input-group {
        width: 90%
    }
}


.cascade-slider_arrow-left {
    left: 20%;
}

.cascade-slider_arrow-right {
    right: 20%;
}

.cascade-slider_nav {
    position: absolute;
    bottom: -120px;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.cascade-slider_dot {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 1em;
    background: #ddd;
    list-style: none;
    cursor: pointer;
}

    .cascade-slider_dot:hover {
        background: #555;
    }

    .cascade-slider_dot.cur {
        background: #555;
    }

.img-container-banner {
    position: relative;
    border-radius: 8px;
    padding: 20px;
    background: var(--color-light-gray-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px;
}

    .img-container-banner img {
        border-radius: 8px;
        max-width: 100%
    }

.swiper-container-mobile .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .swiper-container-mobile {
        margin-bottom: 22px !important
    }

    .banner-Name {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: var(--color-dark-2-5)
    }

    .img-container-banner {
        padding: 12px 17px;
    }

        .img-container-banner img {
            width: 127.78px;
            max-height: 200.31px;
            -o-object-fit: cover;
            object-fit: cover
        }
}

.swiper-container-mobile {
    width: 100%;
    /* margin-top: 100px !important*/
}
/*fold css*/

.rtl-fold {
    background: rgb(0, 0, 0);
    background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.15) 28%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.25) 100% );
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(28%, rgba(0, 0, 0, 0.15)), color-stop(60%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.25)) );
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.15) 28%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.25) 100% );
    height: 98%;
    width: 4%;
    position: absolute;
    right: 2px;
    top: 2px;
    border-radius: 8px;
}

.sugestion-book-home .rtl-fold {
    top: 0
}

.book-container {
    position: relative;
    width: 72px;
    height: 108.54px
}
/*banner*/
/*.banner-container {
    margin: 0 139px
}

@media (max-width: 1500px) {
    .banner-container {
        padding: 0;
        margin: 0 40px;
    }
}

@media (max-width: 991px) {
    .banner-container {
        padding: 0;
        margin: 0 20px;
    }
}

@media (max-width: 575px) {
    .banner-container {
        padding: 0;
        margin: 0 20px;
    }
}*/

.banner-container .banner-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.banner-container h1 {
    font-size: 1.3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: start;
    color: var(--color-general-dark-5);
    margin-bottom: 50px;
}

.banner-container img {
    max-width: 100%
}

.banner-container .slick-slider {
    background: var(--color-light-gray-10);
    border-radius: 12px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
/*//swipper*/
.swiper-container, .swiper-container2, .swiper-container3, .swiper-container4, .swiper-container5 {
    width: 100%
}

.swiper-container, .swiper-container2, .swiper-container3, .swiper-wrapper {
    direction: rtl
}

.swiper-container3 {
    /*height: 43rem;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    /*margin-top: 40px*/
}

.related-box h3 {
    margin-bottom: 0 !important
}

/*@media screen and (max-width: 767px) {
    .swiper-container3 {
        height: 42rem;
        margin-top: 28px
    }
}*/

/*.swiper-container3 .swiper-wrapper {
    height: 30rem
}

@media screen and (max-width: 767px) {
    .swiper-container3 .swiper-wrapper {
        height: 29rem
    }
}*/

.swiper-button-next, .swiper-button-prev,
.swiper-button-next2, .swiper-button-prev2 {
    background: var(--color-swiper);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    width: 56px;
    height: 56px;
    border-radius: 10px;
    top: 50%;
    z-index: 1
}

.swiper-button-next,
.swiper-button-next2 {
    right: -30px
}

.swiper-button-prev,
.swiper-button-prev2 {
    left: -30px
}

    .swiper-button-next:after, .swiper-button-prev:after,
    .swiper-button-next2:after, .swiper-button-prev2:after {
        font-size: 1.7rem;
        color: var(--color-general-dark-5);
        display: none
    }

.swiper-button-next2 {
    right: 0;
    z-index: 1;
    top: 33%;
    color: rgba(117,117,117, .3)
}

.swiper-button-prev2 {
    left: 0;
    z-index: 1;
    top: 33%;
    color: rgba(117,117,117, .3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}



.swiper-button-prev2, .swiper-button-next2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .swiper-button-prev .fas, .swiper-button-next .fas,
    .swiper-button-prev2 .fas, .swiper-button-next2 .fas {
        color: var(--color-dark-2-5);
        font-size: 1.3rem;
        margin: auto;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

.img-swiper {
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -o-object-fit: cover;
    object-fit: cover;
    /*max-width: 187px;*/
    max-height: 265px;
    border: 1px solid var(--color-extra-light-gray-5-2)
}

@media screen and (max-width: 767px) {
    .img-swiper {
        max-width: 100% !important;
        max-height: 265px;
        height: auto
    }
}

.container-icon {
    background: var(--color-white);
    border-radius: 5px;
    width: 35px;
    height: 35px
}

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


    .container-home-page .img-swiper {
        width: 127px;
        /*  height: 200px;*/
    }

    .container-icon {
        width: 24px;
        height: 24px
    }

    .swiper-button2 {
        position: absolute !important;
        top: -35px !important;
        width: 40px;
        height: 40px;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        display: none !important
    }

    .swiper-button-prev2 {
        left: 0 !important
    }

    .swiper-button-next2 {
        left: 60px !important;
        right: unset !important;
    }
}


.swiper-container .swiper-wrapper a img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
    position: static !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
}

.img-swiper-container {
    /*max-width: 187px;*/
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-container3 .image-container {
    margin: auto;
    /*margin-top: -60px;*/
}

.swiper-button-disabled {
    opacity: 0.5;
}

.crisp-client .cc-52lo .cc-kegp .cc-1oun .cc-1qth {
    background: #1b49eb !important
}

.background-path {
    position: absolute;
    top: 0;
    left: 0
}

.background-path2 {
    position: absolute;
    top: 30vh;
    right: 0
}

.spec-containerr:nth-child(1) .before-specification:before {
    content: url(/Plugins/Libra/Content/images/icon-sample.svg);
    width: 40px;
    height: 40px
}

.spec-containerr:nth-child(3) .before-specification:before {
    content: url(/Plugins/Libra/Content/images/lang.svg);
    width: 40px;
    height: 40px
}

.spec-containerr:nth-child(5) .before-specification:before {
    content: url(/Plugins/Libra/Content/images/pages.svg);
    width: 40px;
    height: 40px
}

.spec-containerr:nth-child(7) .before-specification:before {
    content: url(/Plugins/Libra/Content/images/hajm.svg);
    width: 40px;
    height: 40px
}

.spec-containerr:nth-child(9) .before-specification:before {
    content: url(/Plugins/Libra/Content/images/publish-date.svg);
    width: 40px;
    height: 40px
}

@media screen and (max-width: 1200px) {
    .spec-containerr .spec-value a {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block
    }
}

@media screen and (max-width: 1440px) {
    .spec-containerr .spec-value a {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block
    }
}

.product-reviews-page {
    /*background: var(--color-general-light);*/
    padding: 20px;
    border-radius: 8px
}

.spec-container-ul li:nth-child(n+11) {
    display: none !important;
}

.spec-container-ul .line-product-spec:nth-child(n+10) {
    display: none !important
}

.line-product-spec {
    width: 2px;
    height: 45px;
    background: var(--color-light-gray-7);
}

    .line-product-spec:last-child {
        display: none !important
    }

.modal-share {
    background: var(--color-white);
    border-radius: 10px;
    padding: 32px
}

    .modal-share .close-img {
        cursor: pointer;
        top: 30px;
        left: 30px;
        z-index: 1000
    }

@media screen and (min-width: 768px) {
    .modal-share .close-img {
        cursor: pointer;
        top: 20px;
        left: 20px
    }
}

.modal-share p {
    color: var(--color-dark-2-5);
    font-size: 1.2rem;
    font-weight: 700;
    text-align: start
}

.modal-share input, .modal-share input:hover, .modal-share input:focus, .modal-share input:focus-visible, .modal-share input:active {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px;
    border: none
}

    .modal-share input::-webkit-input-placeholder {
        color: var(--color-dark-2-5)
    }

    .modal-share input::-moz-placeholder {
        color: var(--color-dark-2-5)
    }

    .modal-share input:-ms-input-placeholder {
        color: var(--color-dark-2-5)
    }

    .modal-share input::-ms-input-placeholder {
        color: var(--color-dark-2-5)
    }

    .modal-share input::placeholder {
        color: var(--color-dark-2-5)
    }

.line-share {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin: 8px 0
}

.social-share {
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: #F4F4F4;
}

    .social-share i {
        color: var(--color-white);
        font-size: 3rem
    }

.linkdin {
    background: #0084B1
}

.whatsapp {
    background: #1BD741
}

.facebook {
    background: #3A559F;
    position: relative
}

    .facebook i {
        position: absolute;
        bottom: 0;
        left: 20px;
    }

@media screen and (max-width:767px) {
    .facebook i {
        position: static
    }
}

.twitter {
    background: #50ABF1
}

.telegram {
    background: #37AEE2
}

.clean-page {
    height: 100%
}

.swiper-container-second {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .swiper-container-second {
        height: 220px;
        margin: 0 !important
    }
}

.swiper-container-second .swiper-slide {
    border-radius: 10px;
    height: 174px
}

.swiper-container-second .name-book {
    text-align: start;
    font-size: 2rem;
    line-height: 38px;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%
}

    .swiper-container-second .name-book a:hover {
        color: #fff;
        text-decoration: underline
    }

.swiper-container-second .swiper-wrapper {
    height: 190px
}

.img-container-second img {
    max-width: 100%;
    position: absolute;
    left: 10px;
    max-width: 230px;
    height: 190px;
    bottom: -155px;
    top: unset;
}

@media screen and (max-width: 767px) {
    .swiper-container-second .name-book {
        font-size: 18px;
    }

    .img-container-second img {
        position: absolute;
        left: 0 !important;
        top: -22px !important;
        width: 100% !important;
        height: unset !important;
        max-width: unset !important;
        width: 82px !important;
        height: 127px !important
    }

    .swiper-container-second .swiper-wrapper {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .swiper-container-second .swiper-slide {
        height: 118px !important
    }

        .swiper-container-second .swiper-slide > div {
            padding: 16px 14px !important;
        }
}

.img-container-second p {
    position: relative;
}

.background-image img {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.circle-device {
    width: 92px;
    height: 92px;
    border-radius: 46px;
    background: #DADADA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-device {
    font-weight: 500;
    font-size: 1rem;
    line-height: 28px;
    color: var(--color-dark-2-5);
    margin: 0 !important;
    text-align: end !important
}

@media screen and (max-width: 767px) {
    .title-device {
    }

    .device-cont p {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
    }
}

.device-cont p {
    margin: 16px 0 !important;
    color: var(--color-dark-2-5);
    white-space: nowrap;
    text-align: start
}

.title-customertab {
    font-weight: 500;
    font-size: 2rem;
    line-height: 51px;
}



.second-banner-button {
    background: var(--color-light-bg-3);
    border-radius: 8px;
    color: var(--color-dark-2-5);
    height: 40px;
    padding: 5px 20px;
    font-weight: 500;
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.featured-authority {
    overflow: hidden !important
}

.last-banner-home {
    border-radius: 10px;
}



.details-container {
    top: 0;
    color: #fff;
    text-align: start;
    width: 50%
}

@media screen and (max-width: 767px) {
    .details-container {
        left: 50%;
        right: unset !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        padding: 32px 25px;
        width: 100%;
    }

        .details-container p {
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 15px !important;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
        }




    .second-banner-button {
        width: 107px;
        height: 29px;
        margin: 0 auto;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
        white-space: nowrap
    }
    /*    .banner-sample {
        position: absolute;
        border-radius: 6px !important;
        max-width: 100%;
        object-fit: cover !important;
        top: 145px;
        z-index: 2;
        right: 134px;
        width: 115px !important;
        height: 155px !important;
    }
    .banner-sample1 {
        left: 0 !important;
        right: unset !important;
        bottom: 10px !important;
        top: unset !important;
    }
    .banner-sample2 {
        left: 0 !important;
        right: unset !important;
        bottom: 0px !important;
        top: unset !important;
    }*/
}

.details-container h3 {
    font-size: 3rem;
    margin-bottom: 14px
}

.details-container p {
    margin-bottom: 30px !important
}

@media screen and (max-width: 991px) {
    #filterBack {
        padding: 0px 20px !important;
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .details-container h3 {
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 14px
    }
}

.js-offcanvas-triggerr2 {
    border: none !important;
    padding: 0 !important;
    position: static !important
}

#mobile-menu .navbar-nav li {
    padding: 20px;
    border-top: 1px solid var(--color-extra-light-gray-5-2);
    color: var(--color-dark-gray-7)
}

#filterBack3 {
    position: fixed;
    top: 0;
    right: 10px;
    height: 44px;
    background: var(--color-light-bg-filter);
    z-index: 1000;
    color: var(--color-dark-2-5)
}

#filterBack {
    color: var(--color-dark-2-5);
    padding: 0px 20px !important;
    padding-bottom: 20px !important;
}
/*library design*/
.bookshelf {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-shadow: -4px 60px 35px -34px rgba(0, 0, 0, 0.25);
    box-shadow: -4px 60px 35px -34px rgba(0, 0, 0, 0.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 45px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    pointer-events: all;
}

    .bookshelf::before {
        content: "";
        position: absolute;
        top: calc(100% + 45px);
        background: #C0C0C0;
        height: 11px;
        width: calc(100% + 40px);
        /* box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.25);*/
        z-index: 2;
    }


    .bookshelf::after {
        content: "";
        height: 80px;
        width: calc(100% + 40px);
        position: absolute;
        top: 42px;
        display: block;
        background: #fff;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 97% 100%, 3% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 97% 100%, 3% 100%);
        z-index: -1;
    }

.books {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5% 1fr 5% 1fr 5% 1fr 5% 1fr;
    grid-template-columns: repeat(5, 1fr);
    gap: 5%;
    width: 95%;
    margin: auto;
    padding: 0 0 2px;
    position: relative;
    top: 25px;
}

@media screen and (max-width: 991px) {
    .books {
        gap: 5%;
    }
}

.book {
    width: 100%;
    border-radius: 3px 0.5px 0.5px 3px;
    aspect-ratio: 115/180;
    position: relative;
    -webkit-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    min-width: 70px
}

@media screen and (max-width: 767px) {
    .books, .book {
        display: none
    }
}
/*   .book:hover::before, .book:hover::after {
        transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .book:hover::before {
        transform: translate(0, -70px) skew(3deg, -3deg) scale(1.35);
    }

    .book:hover::after {
        transform: translate(0, -70px) skew(3deg, -3deg) scale(1.275);
    }

    .book:hover:nth-of-type(even)::before {
        transform: translate(0, -70px) skew(-3deg, 3deg) scale(1.35);
    }

    .book:hover:nth-of-type(even)::after {
        transform: translate(0, -70px) skew(-3deg, 3deg) scale(1.275);
    }*/

.book::before, .book::after {
    position: absolute;
    width: 100%;
    display: block;
    content: " ";
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    background: var(--bg-image) center center/cover no-repeat, #f3f3f3;
}

.book::before {
    height: 100%;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25), inset 2px 0px 2px 1px rgba(29, 27, 27, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25), inset 2px 0px 2px 1px rgba(29, 27, 27, 0.2);
}

.book::after {
    height: 102%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 1;
}

.library-tabs {
    border: none;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: var(--color-white);
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

    .library-tabs .nav-item {
        width: 25%;
        border: none;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 500;
        overflow: hidden;
    }

        .library-tabs .nav-item .nav-link {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0;
            border-radius: 8px;
            border: none;
            height: 100%;
        }

            .library-tabs .nav-item .nav-link:hover {
                background: rgba(0, 151, 70, .2);
                border: none;
            }

            .library-tabs .nav-item .nav-link.active {
                background: var(--color-active);
                color: #fff;
            }

@media screen and (max-width: 767px) {
    .library-tabs {
        height: 40px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .library-tabs .nav-item {
            font-size: 1rem;
            width: unset !important;
            min-width: 50px
        }

            .library-tabs .nav-item .nav-link {
                height: 100%;
                padding: 5px;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
}

.toast-cont-library {
    left: 92px;
    bottom: 45px;
    z-index: 1000;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px 33px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background: #ffffff;
    position: fixed
}

.close-notif {
    cursor: pointer
}

.toast-cont-library div {
    padding: 5px;
    border-radius: 6px
}

@media screen and (max-width: 767px) {
    .toast-cont-library {
        left: 10px;
        bottom: 10px;
        z-index: 100000;
    }
}

.toast-text {
    min-width: 250px;
    max-width: 390px;
    padding: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    border-radius: 8px;
    flex-basis: 0px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, .85);
    border: 1px solid rgba(0, 0, 0, .1);
}

@media screen and (min-width: 768px) {
    .toast-text {
        min-width: 250px;
        max-width: 450px;
        font-size: 19px;
    }
}

.book:hover {
    -webkit-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all
}

    .book:hover .Lazy {
        -webkit-filter: blur(4px) brightness(50%);
        filter: blur(4px) brightness(50%);
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all
    }

.overlay-library {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,0.5)
}

.book:hover .overlay-library {
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    visibility: visible;
    opacity: 1;
}

.library-name {
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 8px;
}

.library-author {
    font-weight: 500;
    font-size: .85rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 8px;
}

@media screen and (max-width: 767px) {
    .library-author, .library-name {
        color: var(--color-dark-2-5);
        font-weight: 500;
        font-size: 16px !important;
        line-height: 38px;
        /*     margin-top: 15px;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0 !important;
        margin-top: 5px !important
    }

    .library-author {
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 32px;
        margin-top: -7px !important;
    }
}

.progress-bar {
    position: relative;
    height: 6px;
    width: 145px;
    margin-bottom: 10px;
    background: var(--color-button-main) !important;
    border-radius: 6px
}

.progress {
    background: var(--color-progress-bg);
    height: 6px;
}

.progress-bar div {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

    .progress-bar div span {
        position: absolute;
        font-family: Arial;
        font-size: 25px;
        line-height: 75px;
        height: 75px;
        width: 75px;
        left: 12.5px;
        top: 12.5px;
        text-align: center;
        border-radius: 50%;
        background-color: gray;
        color: #fff;
    }

.progress-bar .background {
    background-color: transparent;
}

.progress-bar .rotate {
    clip: rect(0 50px 100px 0);
    background-color: #4b86db;
}

.progress-bar .left {
    clip: rect(0 50px 100px 0);
    opacity: 1;
    background-color: #b3cef6;
}

.progress-bar .right {
    clip: rect(0 50px 100px 0);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
}

@-webkit-keyframes toggle {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes toggle {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.position {
    float: unset !important;
    margin: unset !important;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    overflow: initial
}

@media screen and (max-width: 1200px) {
    .position {
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

.mobile-library {
    background: var(--color-general-light);
    border-radius: 8px;
    padding: 13px;
    margin-top: 70px
}

    .mobile-library .Lazy {
        margin-top: -50px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    }

    .mobile-library .rtl-fold {
        top: -50px;
        height: calc(100% + 50px)
    }

.book-icon-cont {
    background: var(--color-white);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    margin-top: 40px
}

    .book-icon-cont img {
        width: 15px !important;
        height: 15px !important;
    }

@media screen and (max-width: 991px) {
    .book-icon-cont {
        width: 20px;
        height: 20px
    }
}



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


    .gallery img {
        -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
        max-width: 200px
    }

    .related-box .Head {
        margin-bottom: 20px !important;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 60%;
        display: block !important;
    }

    .related-box .product-container-home {
        margin-top: 0 !important
    }

    /* .desc-book {
        margin-bottom: 0 !important
    }*/

    /*.spec-container.table-responsive {
        background: var(--color-general-light);
        padding: 20px
    }*/
}

.related-box .Head {
    color: var(--color-dark-2-5)
}
/*@media screen and (min-width: 1440) {
    .page-container {
        width: 1440px !important
    }
}*/
.page {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 50px !important
}

@media screen and (max-width: 767px) {
    .page {
        padding: 24px !important
    }
}

pre {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

#description-book h3, #description-book h2, #description-book h4 {
    margin: 20px 0 !important;
}

.breadcrumb-item {
    color: var(--color-medium-dark-gray)
}

    .breadcrumb-item + .breadcrumb-item::before {
        content: "\f053";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--color-medium-dark-gray);
        padding: 0 .5rem !important
    }

@media screen and (max-width: 767px) {
    .thumbnails {
        margin-bottom: 24px !important
    }

    div#time-container span.current-time, div#time-container span.duration {
        margin-top: -6px !important;
        font-size: 10px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 15px;
    }

    #control-container {
        height: 38px
    }

    #sharemodal .modal-dialog {
        padding: 60px 21px;
        height: 100%
    }

        #sharemodal .modal-dialog .modal-content {
            border-radius: 8px !important;
            height: 90%;
            overflow: auto;
        }

    .social-share {
        width: 40px;
        height: 40px
    }

        .social-share i {
            font-size: 2.5rem !important
        }

    .modal-share p {
        text-align: center !important;
        margin-bottom: 8px;
        margin-top: 32px !important;
        font-weight: 700
    }

    .swiper-button-prev-related, .swiper-button-next-related {
        top: -40px;
        right: unset !important;
        width: 40px;
        height: 40px
    }

    .swiper-button-next-related {
        left: 60px
    }

    .swiper-button-prev-related {
        left: 0
    }
}

/*div#time-container span.current-time, div#time-container span.duration {
    margin-top: -6px !important;
}*/

div#time-container span.current-time, div#time-container span.duration {
    color: #a6a6a6 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: arial !important;
    direction: ltr
}

@media screen and (min-width: 768px) {
    .btn-library {
        height: 48px
    }

    #control-container {
        height: 48px
    }
}

.btn-library {
    border: 1px solid var(--color-dark-2-5) !important;
    border-radius: 8px;
    height: 33px !important;
    width: 50%;
    background: var(--color-white) !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: var(--color-dark-2-5) !important;
    margin: auto;
    white-space: nowrap
}

.add-to-cart-button {
    border: 1px solid var(--color-active) !important;
    border-radius: 8px;
    height: 48px !important;
    width: 100%;
    background: var(--color-active) !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #fff !important
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.review-text .text-blackk {
    scrollbar-width: auto;
    scrollbar-color: #c8c6c8 transparent;
}

    /* Chrome, Edge, and Safari */
    .review-text .text-blackk::-webkit-scrollbar {
        width: 3px;
    }

    .review-text .text-blackk::-webkit-scrollbar-track {
        background: transparent;
    }

    .review-text .text-blackk::-webkit-scrollbar-thumb {
        background-color: #c8c6c8;
        border-radius: 10px;
        border: 3px solid transparent;
    }

.footer-container, .land-bread-crump, .header {
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 50px;
}

/* .header .category-megamenu p a {
        font-weight: 400 !important;
        font-size: .85rem !important;
        margin-bottom: 12px !important;
        color: var(--color-footer-text) !important
    }

    .header .category-megamenu h5 a {
        font-weight: 700 !important;
        font-size: 1rem !important;
        margin-bottom: 18px !important;
        color: var(--color-footer-text) !important
    }

.category-megamenu p {
    font-weight: 400 !important;
    font-size: .85rem !important;
    margin-bottom: 12px !important;
    color: var(--color-footer-text) !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
}

.category-megamenu h5 {
    font-weight: 700 !important;
    font-size: 1rem !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: var(--color-footer-text) !important;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .category-megamenu p {
        border-bottom: 1px solid var(--color-extra-light-gray-5-2);
        margin: 0 !important;
        padding: 20px 0 !important;
        font-size: 16px !important
    }

    .category-megamenu h5 {
        margin: 18px 0 !important;
        font-size: 16px !important
    }

    .header .category-megamenu p a {
        font-size: 16px !important
    }

    .header .category-megamenu h5 a {
        font-size: 16px !important
    }
}*/

.container-type-book {
    background: var(--color-white);
    border-radius: 5px;
    max-width: 30px;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#js-offcanvas-triggerr3 {
    font-size: 13px !important;
    position: relative
}

    #js-offcanvas-triggerr3 i {
        left: -25px;
        position: absolute
    }

.generalLeftSidee3 {
    top: 0 !important;
    overflow: auto !important;
    background: var(--color-light-bg);
    width: 100% !important;
    height: 100% !important;
}


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

    .generalLeftSidee4 {
        /*position: fixed;*/
        top: 0;
        z-index: 100000000 !important;
        overflow: auto;
    }

    .custom-container .block-account-navigation a {
        font-size: 16px
    }

    .custom-control-label-sub, .save-customer-info-button {
        font-size: 16px
    }

    .custom-control-label-sub {
        font-size: 16px;
    }
}

.shaparak {
    border: 1px solid var(--color-active);
    border-radius: 6px;
    padding: 13px 26px
}

.container-sub {
    display: block;
    display: block;
    margin: auto 0 !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-dark-gray);
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .container-sub input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


.checkmark-sub {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}


.container-sub:hover input ~ .checkmark-sub {
    background-color: #ccc;
}


.container-sub input:checked ~ .checkmark-sub {
    background-color: var(--color-white);
    border: 2px solid var(--color-dark-blue-6);
}


.checkmark-sub:after {
    content: "";
    position: absolute;
    display: none;
}


.container-sub input:checked ~ .checkmark-sub:after {
    display: block;
}

.container-sub .checkmark-sub:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-dark-blue-6);
}

.shaparak .active-sub {
    background: transparent !important;
    color: #000
}

.btn-copy {
    background: var(--color-button-main);
    height: 85%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 8px;
    min-width: 107px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-button-white);
    left: 3px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 25px;
    cursor: pointer
}

.copy-notif {
    position: absolute;
    color: var(--color-active);
    left: 3px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 25px;
    left: 0;
    top: -100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear
}

.copy-notif-show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear
}

.required {
    color: #dc3545 !important
}

.generalLeftSidee4 {
    padding-right: 0
}

.generalSideRightProfile {
    padding-left: 0
}

.generalLeftSidee4 #block-account-navigation {
    border-radius: 8px;
    margin-bottom: 66px !important
}

.js-offcanvas-trigger.blog-filter.filter-button {
    display: none !important
}

.navbar-nav-mobile, .megamenu-li #js-offcanvas-triggerr3 {
    font-size: 16px !important
}

@media screen and (max-width: 767px) {
    #newsletter-email::-webkit-input-placeholder {
        color: var(--color909090);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
    }

    #newsletter-email::-moz-placeholder {
        color: var(--color909090);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
    }

    #newsletter-email:-ms-input-placeholder {
        color: var(--color909090);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
    }

    #newsletter-email::-ms-input-placeholder {
        color: var(--color909090);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
    }

    #newsletter-email::placeholder {
        color: var(--color-light-2-5);
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 26px;
    }

    .login-container-register {
        padding: 20px !important;
    }

        .login-container-register span {
            font-weight: 500;
            font-size: 16px !important;
            line-height: 25px;
            color: var(--color-dark-2-5) !important
        }

        .login-container-register img {
            padding-left: 8px
        }
}


@media screen and (min-width: 768px) {
    .review-comment-container:nth-child(3n) .comment.product-review-item, .review-comment-container:last-child .comment.product-review-item {
        border-left: unset !important
    }
}

.title-profile {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .title-profile {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
    }
}

.search-page {
    max-width: 1440px;
}

.filtered-items .item a {
    border-radius: 8px;
    border: none
}

.filtered-items .item .fa-times {
    background: transparent;
    color: var(--color-dark-2-5) !important
}

.search-page .pagination .page-link, .authority-page .pagination .page-link, .category-page .pagination .page-link {
    border-left: 1px solid var(--color-medium-gray-2);
    height: 100%
}
/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: IRANSansX;
    text-align: start
}

    .custom-select select {
        display: none; /*hide original SELECT element: */
    }

.select-selected {
    background-color: DodgerBlue;
}

    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.sort-cont {
    position: relative
}

.drop-down-sort {
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 0;
    background: var(--color-general-light);
    border: 1px solid var(--color-extra-light-gray-2-5);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    text-align: start
}

.sort-cont:hover .drop-down-sort {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.sort-cont .drop-down-sort a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--color-inactive-white);
    margin-bottom: 8px
}

    .sort-cont .drop-down-sort a:last-child {
        margin-bottom: 0
    }


.active-sort {
    background: #444;
    color: #fff !important;
    padding: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px
}

.name-author {
    color: var(--color-dark-2-5)
}

.authority-description {
    padding: 24px 32px;
    background: var(--color-white);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: start
}

@media screen and (max-width: 767px) {
    .authority-description {
        padding: 24px 16px;
    }
}

.name-author {
    font-weight: 500 !important;
    font-size: 2rem !important;
    line-height: 51px !important;
    margin-bottom: 24px !important;
    text-align: start
}

.content-author {
    font-weight: 500;
    font-size: 1rem;
    line-height: 25px;
    /*  padding-right: 24px !important*/
}

/*  .content-author h5, .content-author p {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 32px;
        color: var(--color-dark-2-5)
    }*/

.authority-description {
    margin-bottom: 30px !important
}

.default-img-author {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-light-gray-3);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
    height: 200px;
    width: 200px
}

@media screen and (max-width: 767px) {
    .author-img, .default-img-author {
        width: 200px !important;
        height: 200px !important;
    }

    .content-author h5 {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        margin-top: 12px;
    }

    .content-author {
        text-align: center;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 22px !important;
        padding-right: 0 !important
    }

    .authority-description {
        text-align: center;
        margin-bottom: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .showMoreComment, .showLessComment {
        display: none !important
    }

    .book-review {
        max-width: 100px !important
    }

    .title-category {
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
    }
}

.search-page {
    text-align: start
}

.raty-container img {
    width: 14px;
    height: 14px
}
/*.review-content{
    margin-right: 20px
}*/
.review-content-div {
    padding: 1.5rem;
    position: relative;
    margin-top: 1.5rem !important
}

    .review-content-div:before {
        content: "";
        height: 100%;
        top: 0;
        position: absolute;
        width: 3px;
        background: var(--color-active);
        right: 0;
    }

span.media {
    color: var(--color-active) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-top: 20px;
    margin-bottom: 40px
}

.circle-camera-trash {
    left: 10px !important;
    right: unset !important
}

.swiper-container3 .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
    max-width: 100% !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    margin-top: 5px !important
}

.container-sort {
    border-bottom: 1px solid var(--color-light-gray-9);
    padding-bottom: 26px !important
}

.day-subscription p {
    color: var(--color-active) !important
}



.day-subscription p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.shaparak.active-sub {
    border: 1px solid var(--color-active);
    color: var(--color-dark-2-5)
}

footer .my-account ul li {
    margin-bottom: 15px !important
}

.no-data, .address-list h4, .address-list .email, .address-list .name {
    color: var(--color-dark-2-5)
}

#loadMore,
#loadLess {
    background: var(--color-active) !important;
    border-radius: 8px;
    min-width: 107px;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
    color: #fff;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    font-size: 16px
}

#loadLess {
    display: none;
}

#loadMore:hover, #loadMore:focus, #loadMore:active {
    background-color: #fff;
    color: #fff;
}

.profile-info-cont-comment {
    display: none;
    -webkit-box-shadow: 0px 4px 12px 0px #0000001A;
    box-shadow: 0px 4px 12px 0px #0000001A;
    background: var(--color-light-gray) !important
}

.nav-pills .nav-link, .time-container {
    color: var(--color-dark-2-5);
}

.spec-containerr .img-cont-img {
    width: 32px;
    /*object-fit: fill;*/
}

.library-img {
    height: 100% !important
}

@media screen and (max-width: 767px) {
    .library-img {
        height: auto !important
    }
}

#containerProgress {
    width: 200px;
    height: 100px;
}

    #containerProgress svg {
        height: 120px;
        width: 200px;
        fill: none;
        stroke: red;
        stroke-width: 10;
        stroke-linecap: round;
    }

.TotalDurationInSeconds {
    direction: ltr
}
/*registration-result-page ui*/
.registration-result-page h3 {
    color: var(--color-active);
    font-weight: 900;
    font-size: 1.5rem;
    margin-bottom: 10px;
    white-space: nowrap;
    text-align: center
}

.registration-result-page p {
    color: #404F5E;
    font-size: 20px;
    margin: 0;
    text-align: center
}

.registration-result-page i {
    color: var(--color-active);
    font-size: 100px;
    line-height: 2px;
    margin-left: -15px;
    margin-top: 30px;
}

.registration-result-page .card {
    background: white;
    padding: 60px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px #C8D0D8;
    box-shadow: 0 2px 3px #C8D0D8;
    display: inline-block;
    margin: 0 auto;
    width: 70%
}

.circle-container-result {
    border-radius: 200px;
    height: 200px;
    width: 200px;
    background: #F8FAF5;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .registration-result-page .card {
        width: 100%;
        padding: 20px
    }

    .circle-container-result {
        height: 100px;
        width: 100px;
        border-radius: 100px
    }

    .registration-result-page i {
        font-size: 50px
    }

    .registration-result-page h3 {
        font-size: 1.5rem
    }
}


.search-box-button-header {
    width: 100%
}

.ProductDetailsPictures-container {
    max-width: 25%
}

@media screen and (max-width: 1250px) {
    .search-box-button-header {
        position: fixed;
        top: 72px;
        left: 0;
        width: 100%
    }

    #searchClick {
        width: 100%;
        max-width: unset !important;
    }

    .header .position-relative, .header .search-box-text, .search-header .position-relative {
        height: fit-content !important
    }

    .search-header .search-box-text {
        height: 48px !important
    }

    .input-search-container {
        border-radius: 8px;
    }


    .ProductDetailsPictures-container {
        max-width: 100%
    }
}


.swiper-lazy-preloader {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    top: 21px !important;
    left: 21px !important;
    border-radius: 8px !important;
    background: url('/Plugins/Libra/Content/images/loading-books.svg') no-repeat center;
    -webkit-animation: unset !important;
    animation: unset !important;
    background-color: var(--color-white)
}

.spec-value-land:hover {
    color: var(--color-active)
}
.spec-value-land:hover {
    color: unset !important;
}

.Completedsubscribe-btn {
    height: 48px;
    background: #01B37F;
    border-radius: 8px;
    width: 209px
}

.Completedsubscribe-btn-outline {
    height: 48px;
    background: transparent;
    border-radius: 8px;
    color: var(--color-dark-2-5);
    border: 1px solid #01B37F;
    width: 209px;
}

.checkout-data-cont {
    border: 1px solid var(--color-medium-gray-2);
    padding: 16px 32px;
    border-radius: 8px;
    margin-top: 32px;
    overflow: hidden
}

.flycart-container {
    height: 100%;
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.overflow {
    z-index: 1001;
    background: rgba(0,0,0,0.2);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0
}
/*.generalNote{
    position: fixed;
    top:10px;
    right: 10px
}
    .generalNote.danger .toast {
        background: #FC0000;
        color: #fff
    }
    .generalNote.success .toast {
        background: green;
        color: #fff
    }*/
.search-header .nav-item a .cart-qty {
    position: absolute;
    width: 13px;
    height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FC0000;
    border-radius: 7.5px;
    color: #fff !important;
    padding-top: 3px;
    padding-right: 1px;
    right: -5px;
    top: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}

.offcanvas-close img {
    cursor: pointer
}

.offcanvas-close {
    padding: 22.67px 38.67px !important;
    padding-bottom: 0 !important
}

.flyout-cart-header {
    border-radius: 10px;
    padding: 22px 38px;
    padding-top: 16.67px !important
}

    .flyout-cart-header div {
        font-weight: 500;
        font-size: 24px;
        line-height: 38px;
        text-align: start;
        color: var(--color-dark-2-5);
    }

.mini-shop-container {
    height: 100%;
    left: -1000px;
    /* padding: 38.67px 38.67px !important;*/
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    position: fixed;
    top: 0;
    width: 520px;
    background: var(--color-white);
}

@media screen and (max-width: 767px) {
    .mini-shop-container {
        width: 100%;
        z-index: 10000000 !important
    }
}

.picture-cart-item {
    border-radius: 8px;
    -webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.1);
    height: 100%
}
/*.flyout-cart {
    border: 1px solid var(--color-medium-gray-2);
    border-radius: 16px;
    padding: 16px 24px !important;
    margin: 16px 0
}
  .flyout-cart:first-child{
        margin-top: 0 !important
    }*/


.card-shopping-header {
    margin-top: 16.66px;
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 32px;
    text-align: start;
    color: var(--color-dark-2-5);
}

.items-container-shopping {
    overflow: auto;
    padding: 1px;
    max-height: 600px
}

.items-container-shopping {
    scrollbar-width: auto;
    scrollbar-color: #d4d4d4 #ffffff;
}

    .items-container-shopping::-webkit-scrollbar {
        width: 13px;
    }

    .items-container-shopping::-webkit-scrollbar-track {
        background: #ffffff;
    }

    .items-container-shopping::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 15px;
        border: 3px solid #ffffff;
    }

.product-information-cart {
    padding: 0 24px
}

    .product-information-cart .name {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 38px;
        color: var(--color-active)
    }

        .product-information-cart .name a {
            font-weight: 500;
            font-size: 24px;
            line-height: 38px;
            overflow: hidden;
            width: 100%;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

.flyout-cart .quantity {
    margin-top: 27px
}

.label-cart {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-gray-4);
    margin-top: 16px
}

.label-value {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-2-5);
    margin-top: 16px
}

.cart-button {
    height: 48px;
    background: var(--color-active) !important;
    border-radius: 8px;
    margin-top: 24px !important
}

.checkout-button, .checkout-button:hover, .checkout-button:focus, .checkout-button:active {
    height: 48px;
    border: 1px solid var(--color-dark-2-5);
    border-radius: 8px;
    background: var(--color-white);
    color: var(--color-dark-2-5)
}

.flycart-container .totals {
    margin-top: 0 !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    text-align: start;
    color: var(--color-dark-2-5);
}

@media screen and (min-width: 768px) {
    .shopping-cart-page {
        margin-top: 32px
    }
}

.shopping-cart-page span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: start;
    cursor: pointer;
    color: var(--color-medium-dark-gray)
}

.shopping-cart-page h2 {
    margin-top: 18px;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 46px;
    color: var(--color-dark-2-5);
    text-align: start
}

.shopping-cart-container, .cart-collaterals, .cart-specs {
    background: var(--color-white);
    border-radius: 8px;
    padding: 40px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .shopping-cart-container, .cart-collaterals, .cart-specs {
        padding: 32px
    }
}

.shopping-cart-container-header {
    padding: 5px;
    border-bottom: 1px solid var(--color-medium-gray-2)
}

    .shopping-cart-container-header p {
        font-weight: 600;
        font-size: 18px;
        line-height: 32px;
        color: var(--color-dark-2-5);
    }

@media screen and (min-width: 768px) {
    .shopping-cart-container-content {
        margin-top: 32px
    }
}

@media screen and (max-width: 767px) {
    .shopping-cart-container-content {
        border: 1px solid var(--color-medium-gray-2);
        border-radius: 16px;
        padding: 16px 23px;
        margin-bottom: 30px
    }

        .shopping-cart-container-content:last-child {
            margin-bottom: 0 !important
        }
}

.remove-from-cart {
    border: 1px solid var(--color-dark-gray-4);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .remove-from-cart {
        margin: unset;
        border: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        position: absolute;
        top: 30px;
        left: 15px
    }
}

.classType span {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: var(--color-dark-gray-4);
}

.info-total-cart p, .info-shipping-cart p {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-2-5);
}

.info-total-cart {
    margin-bottom: 32px
}

.info-shipping-cart {
    margin-bottom: 32px
}

    .info-shipping-cart .value-summary {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 38px;
        text-align: start
    }

        .info-shipping-cart .value-summary:first-child {
            text-align: start;
            white-space: nowrap
        }

        .info-shipping-cart .value-summary:last-child {
            text-align: end;
            white-space: nowrap
        }

@media screen and (max-width: 767px) {
    .info-shipping-cart .value-summary {
        font-size: 20px
    }
}

.info-shipping-cart .mute-shipping {
    color: var(--color-dark-gray-4);
}

.checkout-button-main, .checkout-button-main:active, .checkout-button-main:focus, .checkout-button-main:hover {
    height: 48px;
    width: 220px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #fff !important;
    background: var(--color-active) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 8px
}

#discountcouponcode {
    background: var(--color-light-bg);
    height: 48px;
    padding: 9px 16px;
    color: var(--color-dark-gray-4);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid var(--color-extra-light-gray-2);
    border-radius: 0px 6px 6px 0px;
    margin-top: 8px !important
}

    #discountcouponcode::-webkit-input-placeholder {
        color: var(--color-dark-gray-4);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
    }

    #discountcouponcode::-moz-placeholder {
        color: var(--color-dark-gray-4);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
    }

    #discountcouponcode:-ms-input-placeholder {
        color: var(--color-dark-gray-4);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
    }

    #discountcouponcode::-ms-input-placeholder {
        color: var(--color-dark-gray-4);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
    }

    #discountcouponcode::placeholder {
        color: var(--color-dark-gray-4);
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
    }

.shopping-cart-page .discountcouponcode-label {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-2-5);
    padding: 0 !important
}

#applydiscountcouponcode, #applydiscountcouponcode:hover, #applydiscountcouponcode:focus, #applydiscountcouponcode:active {
    height: 48px;
    min-width: 202px;
    border: 1px solid var(--color-dark-2-5);
    border-radius: 8px 0px 0px 8px;
    margin-top: 8px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-dark-2-5);
    background: var(--color-white);
}

@media screen and (max-width: 767px) {
    #applydiscountcouponcode, #applydiscountcouponcode:hover, #applydiscountcouponcode:focus, #applydiscountcouponcode:active {
        max-width: 68px !important;
        min-width: unset !important;
        width: 68px;
    }
}

.generalMarginSupporter {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: start;
    color: var(--color-dark-gray-4);
}

.notification-cart {
    padding: 20px 25px;
    background: var(--color-white);
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    overflow: hidden;
    width: 450px
}

@media screen and (max-width: 767px) {
    .notification-cart {
        width: unset !important
    }
}

.notification-cart p {
    white-space: normal !important
}

.notif-cart-container {
    position: fixed;
    left: 92px;
    bottom: 45px;
    z-index: 1000;
    width: 540px
}

@media screen and (max-width: 767px) {
    .notif-cart-container {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }

    .notif-cart-container-cart {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }
}

.notification-cart-show-success {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.notification-cart-show-danger {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    border-right: 8px solid #DC3545;
}

.choos-book-button, .choos-book-button:hover {
    height: 48px;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff !important;
    background: var(--color-active);
    border-radius: 8px;
    margin: 0 auto
}

#bar-notification {
    position: fixed;
    left: 92px;
    bottom: 45px;
    z-index: 1000;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 37px 33px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background: var(--color-white)
}

#ModalAddToCart {
    position: fixed;
    left: 92px;
    bottom: 45px;
    z-index: 1000
}

.success-border {
    border-right: 8px solid #198754;
    opacity: 1 !important;
    visibility: visible !important
}

.danger-border {
    border-right: 8px solid #DC3545;
    opacity: 1 !important;
    visibility: visible !important
}

.flyout-cart-nodata-text {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: var(--color-dark-gray-4);
    margin-bottom: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-button-minishop, .cart-button-minishop:hover, .cart-button-minishop:active, .cart-button-minishop:focus {
    height: 48px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-dark-2-5);
    background: var(--color-white);
    border: 1px solid var(--color-dark-2-5);
    border-radius: 8px;
}

.flyout-cart-bottom .totals span {
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    text-align: start;
    color: var(--color-dark-2-5);
}

.items-container-shopping .item {
    border: 1px solid var(--color-medium-gray-2);
    border-radius: 16px;
    padding: 16px 24px !important;
    margin-top: 16px
}

    .items-container-shopping .item.first {
        margin-top: 0 !important
    }

.items-container-shopping .price {
    margin-top: 14px
}

    .items-container-shopping .price span:first-child {
        font-weight: 600;
        font-size: 18px;
        line-height: 32px;
        color: var(--color-dark-gray-4);
    }

    .items-container-shopping .price span:last-child {
        font-weight: 600;
        font-size: 18px;
        line-height: 32px;
        color: var(--color-dark-2-5);
    }

.items-container-shopping .name {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    text-align: start;
    color: var(--color-active) !important;
}

    .items-container-shopping .name a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.items-container-shopping .author {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: var(--color-dark-gray-4);
    text-align: start;
}

.items-container-shopping .classType {
    text-align: start;
    margin-top: 3px
}

    .items-container-shopping .classType img {
        width: 18px;
        height: 18px
    }

.items-container-shopping img[alt="remove"] {
    cursor: pointer;
    margin-top: 10px
}

.hamberger-icon {
    z-index: 100;
    color: var(--color-header-text) !important
}

.btn-search-addcart {
    width: 236px;
    max-width: 100% !important;
    height: 48px !important;
    border: 1px solid var(--color-dark-2-5) !important;
    border-radius: 8px !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-2-5) !important;
    background: transparent !important;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1300px) {
    .btn-search-addcart {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .btn-search-addcart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.btn-search-addcart:hover {
    color: var(--color-white) !important;
    background: var(--color-dark-2-5) !important;
}

.btn-search-rate {
    height: 24px;
    min-width: 40px;
    background: var(--color-dark-2-5);
    color: var(--color-white) !important;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 12px
}

    .btn-search-rate span {
        color: var(--color-white) !important;
    }

.compelete-container {
    padding: 32px;
    background: var(--color-white);
    border-radius: 8px;
}

    .compelete-container img {
        margin-bottom: 37.68px
    }

    .compelete-container:first-child p {
        font-weight: 600;
        font-size: 20px;
        line-height: 38px;
        text-align: center;
        color: #01B37F
    }

    .compelete-container:first-child div:nth-child(2) {
        border: 1px solid var(--color-medium-gray-2);
        border-radius: 8px;
        padding: 16px 20px;
        margin-top: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .compelete-container:first-child div:nth-child(2) ul {
            text-decoration: none;
            list-style: none;
            width: 100%;
            margin: 0 !important;
            padding: 0 !important
        }

            .compelete-container:first-child div:nth-child(2) ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-bottom: 16px
            }

@media screen and (max-width: 767px) {
    .compelete-container:first-child div:nth-child(2) ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.compelete-container:first-child div:nth-child(2) ul li:last-child {
    margin-bottom: 0
}

.compelete-container:first-child div:nth-child(2) ul li p:first-child {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: var(--color-dark-2-5)
}

.compelete-container:first-child div:nth-child(2) ul li p:last-child, .compelete-container:first-child div:nth-child(2) ul li p span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 767px) {
    .compelete-container:first-child div:nth-child(2) ul li p:last-child, .compelete-container:first-child div:nth-child(2) ul li p span {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }
}

.ordernumber-container {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important
}

    .ordernumber-container img {
        margin-top: 0;
        margin-bottom: 0;
        cursor: pointer
    }

#copy-notif {
    border-radius: 8px;
    padding: 5px;
    background: #01B37F;
    color: #fff;
    margin: 0 !important
}

.compelete-container h3 {
    text-align: start;
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 24px;
    line-height: 51px;
    color: var(--color-dark-2-5);
    white-space: nowrap
}

.compelete-container-detail div {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.img-payments {
    border-radius: 8px;
    margin: 0 !important;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    width: 100px;
    height: 150px
}

@media screen and (min-width:768px) {
    .compelete-container-detail .cotainer-details {
        padding-right: 44px !important
    }
}

@media screen and (max-width: 767px) {
    .compelete-container-detail .cotainer-details {
        margin-top: 32px !important
    }
}

.compelete-container-detail .first-row, .compelete-container-detail span {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--color-dark-2-5) !important;
}

.compelete-container-detail .last-row {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-dark-2-5) !important;
}

.compelete-container-detail .last-row-color {
    color: var(--color-active) !important;
}

.compelete-container-first {
    padding: 62.28px 32px !important;
    padding-bottom: 56px !important
}

.btn-compelete, .btn-compelete:hover {
    width: 160px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-active);
    color: #fff;
    white-space: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    border-radius: 8px;
    margin-top: 32px;
    border: unset !important
}

@media screen and (max-width: 767px) {
    .btn-compelete, .btn-compelete:hover {
        width: 100%
    }
}

.add-to-cart-button-home {
    width: 236px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    border: 1px solid var(--color-dark-2-5) !important;
    border-radius: 8px;
    color: var(--color-dark-2-5) !important;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background: transparent !important;
}

    .add-to-cart-button-home:hover {
        color: var(--color-white) !important;
        background: var(--color-dark-2-5) !important;
    }

@media screen and (max-width: 1300px) {
    .add-to-cart-button-home {
        width: 100%
    }
}

.raty-star-home img:nth-child(n + 6) {
    display: none !important;
}

.raty-star-home {
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 767px) {
    .login-container {
        overflow: hidden !important
    }
}

@media screen and (min-width: 768px) {
    #name-login {
        position: relative !important
    }
}

#name-login {
    cursor: pointer
}

.author-style {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-gray-4) !important;
}

.label-unitprice {
    font-weight: 600;
    font-size: 18px !important;
    line-height: 32px;
    text-align: start;
    color: var(--color-dark-gray-4);
}

.notif-copen {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: var(--color-active) !important
}

    .notif-copen.text-danger {
        color: #dc3545 !important
    }

.border-copen {
    border-color: #01B37F !important;
    width: 68px !important;
    min-width: unset !important
}

.border-copen-error {
    border-color: #dc3545 !important;
    width: 68px !important;
    min-width: unset !important
}

.value-copen, .value-copen-update {
    color: var(--color-dark-2-5) !important
}

.banner-container {
    margin-bottom: 40px !important
}

.uncompelete-container:first-child p {
    color: #DC3545 !important
}

.detail-unsuccess-container {
    border: 1px solid var(--color-medium-gray-2);
    border-radius: 8px;
    padding: 16px 20px;
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uncompelete-container:first-child .detail-unsuccess-container p {
    color: var(--color-dark-2-5) !important
}

.uncompelete-container:first-child .Payment-description {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    text-align: start !important;
    color: var(--color-dark-gray-4) !important;
    margin-top: 32px
}

.current-code-button {
    padding: 4px 16px !important;
    background: var(--color-general-light);
    border-radius: 8px;
}

    .current-code-button span {
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        color: var(--color-dark-gray-4);
    }

    .current-code-button .mdi.mdi-close {
        font-size: 20px
    }

#generalModal {
    left: 92px;
    bottom: 45px;
    position: fixed;
    z-index: 1000
}

@media screen and (max-width: 767px) {
    .classtype-cart-container {
        position: absolute;
        top: 10px;
        right: -20px;
    }

    .cart-button, .checkout-button {
        font-size: 16px !important
    }

    .compelete-container:first-child p {
        text-align: start !important
    }

    .compelete-container.compelete-container-detail p {
        text-align: center !important
    }

    .compelete-container.compelete-container-detail {
        margin-top: 16px
    }
}

.contact-page .generalMarginSupporter {
    text-align: start;
    color: var(--color-dark-2-5);
}

input[type="password"]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}


/*device manager new design*/
.device-card-container {
    -webkit-box-shadow: 0px 3px 12px 0px #0000001A;
    box-shadow: 0px 3px 12px 0px #0000001A;
    border-radius: 8px;
    background: var(--color-light-gray);
    padding: 20px;
}

    .device-card-container .remove-from-cart {
        margin: 0 !important
    }

.device-card-container-col:nth-child(n + 4) {
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .device-card-container-col:nth-child(n + 1) {
        margin-top: 30px
    }
}

.remove-from-cart {
    border: 1px solid var(--color-dark-gray-4);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    /* margin: auto;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
}

.device-info {
    border: 1px solid var(--color-medium-gray-2);
    padding: 16px;
    border-radius: 4px
}

    .device-info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .device-info li p {
            font-size: 16px;
            font-weight: 500;
            line-height: 30px;
            letter-spacing: 0em;
            text-align: start;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            color: var(--color-dark-2-5);
            overflow: hidden;
        }

            .device-info li p:first-child {
                font-weight: 700;
                text-overflow: unset;
                overflow: visible;
            }

            .device-info li p:last-child {
                margin-right: 10px
            }

        .device-info li:not(:first-child) {
            margin-top: 10px
        }

.customer-order-card * {
    color: var(--color-dark-2-5) !important
}

.tts-container {
    background: url(/Plugins/Libra/Content/images/background-tss.svg) no-repeat center;
    background-color: #f2f2f2;
    height: 100%;
    padding: 0 80px
}

.vjs-icon-previous-item, .vjs-icon-next-item, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute, .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder, .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.video-js .vjs-picture-in-picture-control[title="Exit Picture-in-Picture"] .vjs-icon-placeholder:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .video-js .vjs-fullscreen-control[title="Non-Fullscreen"] .vjs-icon-placeholder, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: 'font awesome 5 free' !important;
    font-weight: 900 !important;
    font-size: var(--font-size-regular-em) !important
}

    .vjs-icon-previous-item:before {
        content: "\f100" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .vjs-icon-next-item:before {
        content: "\f101" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video-js .vjs-play-control .vjs-icon-placeholder:before {
        content: "\f04b" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: "\f04c" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
        content: "\f6a9" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
        content: "\f028" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: "\f302" !important;
        font-size: var(--font-size-regular-1-5-e-m) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.video-js .vjs-picture-in-picture-control[title="Exit Picture-in-Picture"] .vjs-icon-placeholder:before {
    content: "\f03e" !important;
    font-size: var(--font-size-regular-1-5-e-m) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f066" !important;
    font-size: var(--font-size-regular-1-5-e-m) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-js .vjs-fullscreen-control[title="Non-Fullscreen"] .vjs-icon-placeholder:before {
    content: "\f066" !important;
    font-size: var(--font-size-regular-1-5-e-m) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f04b" !important;
    font-size: var(--font-size-regular-0-8-em) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tts-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-active) !important;
}

.tts-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

.video-js .vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50% !important;
    height: 150px !important;
    width: 150px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 10px solid #fff !important
}

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size: 65px !important
    }


@media screen and (max-width: 767px) {
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size: 2rem !important
    }

    .video-js .vjs-big-play-button {
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50% !important;
        height: 50px !important;
        width: 50px !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 5px solid #fff !important;
        align-items: center;
    }
}

/*header command search header new design*/
/*.header-container-fix {
    padding: 0 50px;
}

@media screen and (max-width: 1200px) {
    .header-container-fix {
        padding: 0 15px
    }
}*/

.header-container-fix {
    position: fixed !important;
    top: 0;
    z-index: 10000;
    width: 100%;
    box-shadow: 0px 10px 6px -6px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 10px 6px -6px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 10px 6px -6px rgba(0,0,0,0.07);
    background: var(--color-main-bg) !important
}

.header, search-header {
    background: var(--color-main-bg) !important;
    max-width: 1440px !important;
    margin-top: 42px;
    padding: 0 50px
}

@media screen and (max-width: 767px) {
    .header, .search-header {
        max-width: 1440px !important;
        padding: 15px;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important
    }

    .header-container-fix {
        right: 0;
        padding: 0 !important
    }
}

@media screen and (min-width: 992px) {
    .header-container-fix {
        position: fixed !important;
        /* top: 42px;*/
        margin-top: unset !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .header-fixed {
        max-width: unset !important;
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        border-radius: 0 !important;
        z-index: 1000;
        padding: 0 !important
    }
}

@media screen and (max-width: 991px) {
    .header-container-fix {
        left: 0 !important
    }
}

.header-container-fix {
    background: var(--color-white)
}

.header-fixed {
    max-width: unset !important
}

.search-more-button {
    min-width: 51px;
    height: 40px;
    background: var(--color-active) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    color: var(--color-white)
}

.search-icon-header {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.language-selector a {
    color: var(--color-header-text);
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .language-selector a {
        color: var(--color-dark-2-5)
    }
}

.navbar-nav li a .booklink-header, .navbar-nav li a i {
    color: var(--color-header-text) !important
}

.language-selector span {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: start;
    margin-top: 4px
}

.page-container {
    background-color: var(--color-body)
}

.mini-shop-container {
    z-index: 10000000 !important
}
/*news new design*/
.news-container {
    background-color: #f2f2f2;
    height: 100%;
    padding: 0 80px;
    height: 423px;
}

@media screen and (max-width: 767px) {
    .news-container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 10px
    }
}

.news-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #191919
}

.news-img-container {
    height: 423px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .news-img-container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 10px
    }
}

body {
    background: var(--color-light-bg)
}

.last-banner-home p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.last-banner-home img {
    max-width: 100%
}

.showmore-books {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-active)
}

@media screen and (max-width: 767px) {
    .showmore-books {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
        white-space: nowrap;
        margin-top: 8px;
    }
}
/*homelist description ui*/
.content-book-banner {
    border-radius: 16px;
    height: 313px;
    padding: 20px 53px
}

    .content-book-banner h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        color: #fff;
        text-align: start;
        max-width: 100%;
        margin-bottom: 10px !important;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

@media screen and (max-width: 767px) {
    .content-book-banner {
        padding: 10px
    }

        .content-book-banner h3 {
            max-width: 100%;
            font-size: 2rem;
            font-weight: 500;
        }
}

.content-book-banner p {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: start;
    color: #fff;
}

.content-book-banner .short-description {
    background: #f2f2f2;
    color: #191919;
    border-radius: 16px;
    padding: 24px;
    height: 138px;
    overflow: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: start;
}

.swiper-horizontal .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px;
}

/*@media screen and (min-width: 1201px) {
    .swiper-horizontal .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-left: 100px
    }
}*/

.swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 24px;
    height: 8px;
    border-radius: 4px;
    background-color: #f2f2f2 !important;
    opacity: 1 !important
}

.swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #b8b8b8 !important
}

.swiper-button-prev-desc {
    right: -30px
}

.swiper-button-next-desc {
    left: -30px;
    right: unset
}

@media screen and (min-width: 768px) {
    .head-description {
        position: absolute
    }
}

.swiper-container-desc .book-img {
    width: 274px !important;
    height: 408px;
    max-width: unset !important;
    max-height: unset !important
}

@media screen and (max-width: 767px) {
    .swiper-button-prev-desc {
        left: 50px !important;
        right: unset;
    }

    .swiper-button-next-desc {
        left: 0 !important;
        right: unset;
    }

    .swiper-container-desc .book-img {
        width: unset !important
    }

    .img-swiper-container {
        margin-bottom: 10px !important
    }
}

.search-work-name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 38px !important;
}

.search-info-container {
    min-height: 100px
}



.sp-container-land {
    background: var(--color-general-light);
    padding: 24px;
    border-bottom: 1px solid var(--color-medium-gray-2);
    min-height: 95px;
    overflow-x: auto;
}

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

.title-sp-book {
    line-height: 24.53px;
    font-size: 16px;
    font-weight: bold;
}
/* Hide scrollbar for elements with class .sp-container-land in WebKit browsers */
.sp-container-land::-webkit-scrollbar {
    width: 2px;
}

.sp-container-land::-webkit-scrollbar-thumb {
    background-color: transparent;
}

    .sp-container-land::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

/* For Firefox */
.sp-container-land {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    .sp-container-land:hover {
        scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
    }

@media screen and (max-width: 757px) {
    .sp-container-land {
        padding: 0;
    }
}

.ebook-link-container {
    /*border: 1px solid var(--color-active);*/
    border-radius: 8px;
    background: var(--color-white-search-fixed);
    /*color: var(--color-active);*/
    height: 40px;
    display: block !important;
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    margin-top: 15px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-dark-2-5);
}

.price-container .price-info {
    color: var(--color-active);
    font-weight: 600;
    font-size: 23px;
    text-align: center
}

.price-info-linethrow {
    text-decoration: line-through;
    -webkit-text-decoration-color: var( --color-gray);
    text-decoration-color: var( --color-gray);
    color: var( --color-gray);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}

.discount-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 16px;
    border-radius: 4px;
    color: #E9E9E9;
    background: var(--color-active);
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    padding: 0 5px
}

.ratingValue, .reviewCount {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-gray-10) !important;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .ratingValue, .reviewCount {
        font-size: 16px
    }
}

.reviewCount, .number-land-rating {
    font-size: 16px;
    color: var( --color-gray) !important;
}

.raty-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .raty-star img {
        width: 9.65px;
        height: 9.65px
    }

.showmore-sp {
    background: var(--color-white-search-fixed) !important;
    color: var(--color-dark-2-5) !important;
    min-width: 59px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 32px;
    border-radius: 8px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .ProductReviewOverview-land-container {
        width: 100%
    }

    .info-bookland-container {
        width: 100%
    }


    #showmoreSpClose span, #showmoreSp span {
        font-weight: 500;
        color: var(--color-dark-2-5)
    }

    .related-box {
        width: unset !important;
        height: unset !important;
        max-width: 100% !important;
        height: auto !important
    }
}

.description-book-container {
    white-space: normal;
    overflow: hidden;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: var(--color-515151)
}

.title-info-land, .responsive-land .review-title-p {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 20px 0
}


.generalTitle.h3, .generalTitle.h2, .ConfirmMobile-text {
    color: var(--color-dark-2-5)
}

.gellery-container img {
    box-shadow: 0px 0px 4px 0px rgba(163,151,151,.75);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(163,151,151,.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(163,151,151,.75);
}

.product-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    z-index: 15;
    pointer-events: none;
}
    .product-badge img {
        width: 100%;
        height: auto;
        display: block;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .product-badge .badge-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
    }
.product-ListBoxFeature-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    z-index: 15;
    pointer-events: none;
}

    .product-ListBoxFeature-badge img {
        width: 100%;
        height: auto;
        display: block;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .product-ListBoxFeature-badge .badge-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
    }

.thumb-popup-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.gellery-container .img-thumbnail {
    width: 60px
}

.price-value {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var( --color-gray)
}

.effect-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}



.container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item {
    border-radius: 4px
}

    .container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper {
        height: 48px !important
    }

        .container.advanced-search-results.col-12.open .right-side .products-container .ui-menu-item .ui-menu-item-wrapper img {
            border-radius: 5px !important;
            height: 48px !important;
        }

.advanced-search-results .right-side, .advanced-search-results2 .right-side {
    padding: 16px !important;
}

.container.advanced-search-results {
    border-radius: 8px !important
}

.autocomplete-border {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding: 0 !important;
    height: 48px !important;
    margin-bottom: 10px !important
}

.linkEnter {
    padding: 0 !important
}

@media screen and (max-width: 991px) {
    .advanced-search-results.open {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        position: absolute !important;
        left: 0 !important;
        margin: auto;
        height: 300px !important;
    }
}

@media screen and (max-width: 767px) {
    .advanced-search-results.open {
        position: absolute !important;
        left: 0 !important;
        margin: auto !important;
        height: 300px !important;
        overflow: auto;
        top: 100% !important;
        border-radius: 0 !important
    }

    .search-partial .product-info .img-swiper-container {
        width: unset !important;
        height: unset !important
    }

        .search-partial .product-info .img-swiper-container img {
            width: unset !important;
            height: unset !important
        }
}

.fixed-input-homepage .advanced-search-results.open,
.search-header-another .advanced-search-results.open {
    background: var(--color-main-bg) !important;
    color: var(--color-footer-text) !important;
    border: none
}

.fixed-input-homepage .advanced-search-results .products-container .product-title,
.search-header-another .products-container .product-title {
    color: var(--color-footer-text) !important;
}

.image-container, .search-page .product-info {
    border-radius: 8px;
    padding: 24px 8px;
}

@media screen and (max-width: 767px) {
    .image-container {
        padding: 0 !important;
    }
}

.image-container:hover, .search-page .product-info:hover {
    background: var(--color-general-light);
}

.search-page .product-info {
    padding: 24px 16px !important
}

.container-vote {
    -webkit-box-shadow: 0px 2px 2px 0px #0000001A;
    box-shadow: 0px 2px 2px 0px #0000001A;
    height: 24px;
    width: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-white-vote) !important;
    border-radius: 8px;
    cursor: pointer
}

    .container-vote img {
        width: 16px;
        height: 16px
    }



.show-children, .show-children-child {
    color: var(--color-active) !important;
    font-size: 12px;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

.page.product-details-page.product-standard .tab-pane .date-review p {
    color: var(--color-medium-gray-3) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    .page.product-details-page.product-standard .tab-pane .date-review p {
        font-size: 12px !important;
    }
}

.container-voteyes-active {
    background: #009746;
    color: #fff
}

.container-voteno-active {
    background: #ee4e4e;
    color: #fff
}



@media screen and (min-width: 768px) {
    .swipper-related-prev {
        left: -10px !important
    }

    .swipper-related-next {
        right: -10px !important
    }
}


@media screen and (max-width: 767px) {
    .swipper-related-prev {
        top: -40px;
        display: none !important
    }

    .swipper-related-next {
        top: -40px;
        display: none !important
    }
}

/* .search-page .product-box.grid-box .product-info {
        width: 187px !important
    }*/
.link-product {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    font-size: 16px !important;
    direction: ltr;
    color: var(--color-dark-2-5);
}

.info-booksearch {
    max-width: 187px;
    min-height: 100px;
    justify-content: space-between;
}

.name-production {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: start;
    max-width: 100% !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
}

.content-author.desc-book {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important
}

.author-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5)
}

@media screen and (max-width: 767px) {
    .author-name {
        font-size: 28px;
        font-weight: 500;
        line-height: 42px;
        letter-spacing: 0em;
        text-align: start;
    }
}

.sp-item-container {
    margin-bottom: 10px
}

.author-style {
    cursor: pointer
}

.description-author {
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-515151)
}

.description-book-container.expanded {
    max-height: 255px !important; /* Set the initial maximum height */
    overflow: hidden;
    position: relative;
}

.description-author.expanded {
    max-height: 100px !important; /* Set the initial maximum height */
    overflow: hidden;
    position: relative;
}

.page.product-details-page.product-standard .tab-pane .description-book-container {
    max-height: none; /* Allow the container to expand to its full content height */
}

.page.product-details-page.product-standard .tab-pane .toggle-btn-description, .search-page .toggle-btn-description {
    color: var(--color-active) !important;
    padding-top: 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
}

.toggle-btn-description.fade-text {
    position: relative
}

    .toggle-btn-description.fade-text:before {
        content: '';
        height: 20px;
        background: #fff;
        display: block;
        position: absolute;
        top: -20px;
        width: 100%;
        background: var(--linier-fade)
    }

.page.product-details-page.product-standard .tab-pane .reply-comment-review {
    color: var(--color-button-main) !important;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500 !important
}

/*content grid landbook*/
.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    border-left-width: 1px !important
}

.k-grid tr td, .k-grid tr th {
    text-align: start !important
}

.k-grid-header tr[role="row"] th {
    color: var(--color-dark-gray);
    background: var(--color-general-light);
    border: none !important
}

.k-grid-header tr[role="row"] {
    border-radius: 16px 0px 16px 0px
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
    color: var(--color-dark-2-5);
    background: var(--color-white);
    border: none !important
}

tbody tr[role="row"] tr {
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

    tbody tr[role="row"] tr:last-child {
        border-bottom: 1px solid #f0f0f0;
        border-radius: 0 16px 0 16px
    }

.k-grid table, #productscontent-grid, #products-grid, #work-grid {
    overflow: auto;
    max-height: 420px
}

#productscontent-grid, #products-grid, #work-grid {
    border-radius: 8px;
    width: 100%;
}

    #productscontent-grid td, #productscontent-grid th,
    #products-grid td, #products-grid th,
    #work-grid td, #work-grid th {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center !important;
        padding: 15px
    }

    .btn-show-content, #products-grid .btn-login {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
        min-width: 183px;
        width: fit-content;
        margin: auto;
        height: 34px;
        background: var(--color-active) !important;
        color: #fff !important;
        border: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 33px !important;
        border-radius: 8px
    }

/* ===== Scrollbar CSS ===== */
/* Firefox */
#productscontent-grid, #products-grid, .white-player-playlist, #work-grid {
    scrollbar-width: auto;
    scrollbar-color: var(--color-dark-2-5) var(--color-white);
}

    /* Chrome, Edge, and Safari */
    #productscontent-grid::-webkit-scrollbar,
    #products-grid::-webkit-scrollbar,
    #work-grid::-webkit-scrollbar {
        width: 16px;
    }

    #productscontent-grid::-webkit-scrollbar-track,
    #products-grid::-webkit-scrollbar-track,
    #work-grid::-webkit-scrollbar-track {
        background: var(--color-white);
    }

    #productscontent-grid::-webkit-scrollbar-thumb,
    #products-grid::-webkit-scrollbar-thumb,
    #work-grid::-webkit-scrollbar-thumb {
        background-color: var(--color-general-dark-5);
        border-radius: 10px;
        border: 3px solid var(--color-white);
    }

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.progress-bar-audio {
    height: 4px;
    width: 100%;
    left: 0;
    top: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--color-dark-gray-8-1);
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    position: relative;
    z-index: 9997;
}

.bar-audio {
    width: 100%;
    height: 100%;
    background-color: var(--color-active);
    background-image: -o-linear-gradient( 135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    background-size: 30px 30px;
    -webkit-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    -webkit-transition: width 2s ease-out;
    -o-transition: width 2s ease-out;
    transition: width 2s ease-out;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 30px 30px;
    }
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 30px 30px;
    }
}

div#progress-container {
    width: 100%;
    float: left;
    position: relative;
    height: 30px;
    direction: ltr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
}

div#white-player-center div.time-progress div#progress-container {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    height: 20px;
    cursor: pointer;
    float: unset;
    margin: auto !important /* IE 11 */;
}

.player-left-bottom {
    margin-top: 20px
}

.subscription-land {
    height: 48px;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
}

.author-land {
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .author-land {
        margin-top: 10px !important;
        margin-bottom: 25px !important
    }
}

a.author-land {
    color: var(--color-primary-blue)
}


.ProductReviewOverview-land-container {
    margin: 0 !important;
    border: 1px solid var(--color-medium-gray-5);
    border-radius: 16px;
    padding: 8px 16px;
    padding-bottom: 32px;
    -webkit-box-shadow: 0px 2px 2px 0px #0000001A;
    box-shadow: 0px 2px 2px 0px #0000001A
}

@media screen and (max-width: 767px) {
    .ProductReviewOverview-land-container {
        margin-top: 15px !important;
    }
}

.title-info-land-review {
    color: var(--color-dark-2-5)
}

#authorsBooks a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-active);
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#authorsBooks p {
    color: var(--color-dark-2-5);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: start;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    #authorsBooks p {
        font-size: 24px
    }

    #authorsBooks a {
        font-size: 16px
    }
}

.product-author-nocontent, .nocomment-container {
    height: 108px;
    background: var(--color-medium-gray-5-1) !important;
    border-radius: 16px;
    color: var(--color-dark-2-5)
}

    #authorsBooks .product-author-nocontent p, .nocomment-container p {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: start;
        color: var(--color-dark-gray-3);
        direction: ltr
    }

#authorsBooks .product-author-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
}

#authorsBooks .product-author-content a {
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 4px 0px #00000026;
    box-shadow: 0px 2px 4px 0px #00000026
}

#authorsBooks .product-author-content .author-recommend a {
    color: var(--color-medium-gray-3) !important;
}

#authorsBooks .product-author-content img {
    box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.25);
    border-radius: 4px
}

.btn-newsletter-container {
    min-width: 61px;
    left: 0;
    top: 0
}

.btn-newsletter {
    width: 100%;
    background: var(--color-active);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 8px 0 0 8px;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    div#time-container span.current-time, div#time-container span.duration {
        margin-top: 5px !important
    }

    /*  .spec-container.table-responsive {
        border-bottom: 1px solid var(--color-extra-light-gray-3);
        padding-bottom: 20px
    }*/
}

.point {
    width: 3px;
    height: 3px;
    background: #7a7a7a;
    border-radius: 1.5px
}

pre {
    line-height: 30px !important
}

.validate-error {
    color: var(--color-error);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
}

.redirect-link {
    cursor: pointer
}




.search-box-home-container {
    max-width: 720px
}

.container-after-searchbox {
    margin-top: 529px
}

@media screen and (max-width: 767px) {
    .container-after-searchbox {
        margin-top: 480px
    }
}

.home-page #searchClick.fixed-input-homepage {
    position: fixed !important;
    z-index: 1000;
    top: 10px;
    max-width: 450px !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 1360px) {
    .home-page #searchClick.fixed-input-homepage {
        max-width: 400px !important;
        left: 49%
    }
}

@media screen and (max-width: 1300px) and (min-width: 1199px) {

    .homepage-topics {
        margin-top: -60px !important
    }
}



.home-page #searchClick.fixed-input-homepage {
    background: transparent !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    padding: unset !important
}

@media screen and (max-width: 1199px) {
    .home-page #searchClick.fixed-input-homepage {
        max-width: 300px !important
    }
}

@media screen and (max-width: 991px) {
    .home-page #searchClick.fixed-input-homepage {
        left: 45% !important;
        max-width: 260px !important
    }
}

@media screen and (max-width: 850px) {
    .home-page #searchClick.fixed-input-homepage {
        left: 45% !important;
        max-width: 200px !important
    }
}

@media screen and (max-width: 767px) {
    .home-page #searchClick.fixed-input-homepage {
        max-width: unset !important;
        width: 100% !important;
        left: 0 !important;
        top: 72px !important;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding: 15px !important;
        padding-top: 0 !important;
        background: var(--color-main-bg) !important;
        z-index: 10 !important;
        border-radius: unset !important
    }

        .home-page #searchClick.fixed-input-homepage .search-more-button-home {
            height: 48px !important;
        }
}

.home-page #searchClick.fixed-input-homepage input {
    background: var(--color-footer-input) !important;
    border: unset;
    color: var(--color-footer-text) !important;
    padding: 12px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
}
.home-page #searchClick.fixed-input-homepage input {
    -webkit-text-size-adjust: 100% !important;
    font-size: 16px !important;
}
.home-page #searchClick.fixed-input-homepage input:focus {
    font-size: 16px !important;
}
/*@supports (-webkit-touch-callout: none) {
    .home-page #searchClick.fixed-input-homepage input {
        -webkit-text-size-adjust: 100% !important;
        font-size: 16px !important;
    }
}*/


    .home-page #searchClick.fixed-input-homepage input::-webkit-input-placeholder {
        color: var(--color-footer-text) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
    }

    .home-page #searchClick.fixed-input-homepage input::-moz-placeholder {
        color: var(--color-footer-text) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
    }

    .home-page #searchClick.fixed-input-homepage input:-ms-input-placeholder {
        color: var(--color-footer-text) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
    }

    .home-page #searchClick.fixed-input-homepage input::-ms-input-placeholder {
        color: var(--color-footer-text) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
    }

    .home-page #searchClick.fixed-input-homepage input::placeholder {
        color: var(--color-footer-text) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
    }

@media screen and (max-width: 767px) {
    .home-page #searchClick.fixed-input-homepage input {
        background: var(--color-bg-2)
    }

    .fixed-input-homepage hr {
        display: block !important
    }
}
/*news new design*/
.home-page-news {
    border-radius: 24px;
    -webkit-box-shadow: 0px -50px 32px 0px #00000026;
    box-shadow: 0px -50px 32px 0px #00000026;
    height: 418px;
    background: var(--color-body);
    margin: auto;
    margin-top: -150px;
    z-index: 1;
    position: relative;
    padding: 40px;
    margin-bottom: 80px;
    max-width: 1024px
}

@media screen and (max-width: 767px) {
    .home-page-news {
        padding: 0;
        margin-bottom: 0;
        background-color: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-top: auto
    }

        .home-page-news .col-12.position-relative {
            padding: 0 !important;
            height: 90px;
            margin-bottom: 20px !important
        }

    .container-description {
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.home-page-news p, .home-page-news i {
    color: var(--color-dark-gray-8-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
}

.home-page-news i {
    font-weight: 900
}

.home-page-news img {
    border-radius: 16px;
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7)
}

@media screen and (max-width: 767px) {
    .home-page-news img {
        border-radius: 8px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .home-page-news p, .home-page-news i {
        color: #fff;
    }
}

.link-news {
    cursor: pointer
}

/*mobile menu new design*/
.profile-menu-container {
    background: var(--color-white);
    border-radius: 16px;
    color: var(--color-dark-2-5);
    margin: 15px 0;
    padding: 16px;
}
/*search page new design*/
.product-box-work {
    padding: 24px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 4px 12px 0px #0000001A;
    box-shadow: 0px 4px 12px 0px #0000001A;
    margin-bottom: 30px !important;
    background: var(--color-white)
}

.hr-work {
    width: 100%;
    opacity: 0.8;
    border-top: 1px solid var(--color-hr)
}

    .hr-work:last-child {
        display: none
    }

.img-cont-work img {
    border: 1px solid var(--color-bg-2);
    border-radius: 8px;
    /*    max-height: 200px*/
}



.page.search-page {
    padding: 24px !important;
    background: var(--color-bg-2);
    border-radius: 8px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .page.search-page {
        padding: 15px !important
    }
}

.name-work {
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    margin-bottom: 25px !important;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .name-work {
        border-top: 1px solid var(--color-light-gray-3);
        padding-top: 15px;
    }
}

.name-index-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-primary-blue);
}

.name-index-name-container {
    margin-bottom: 10px
}

    .name-index-name-container img {
        margin-top: -10px;
    }

.page.search-page .spec-name, .page.search-page .spec-name span, .page.search-page .spec-value, .page.search-page, .page.search-page .spec-value a span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5) !important;
}

    .page.search-page .spec-value a, .page.search-page .spec-value a span {
        color: var(--color-primary-blue) !important;
    }

        .page.search-page .spec-value a:hover, .name-index-title:hover {
            text-decoration: none;
            color: var(--color-primary-blue) !important;
        }

.link-audiobook {
    min-width: 129px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    border-radius: 8px;
    color: #fff !important;
    background: #07111B;
    padding: 0 10px
}

    .link-audiobook:hover {
        text-decoration: none
    }

.filterspecs-notactive {
    background: var(--color-general-light);
    border-radius: 8px;
    padding: 20px 15px;
}

    .filterspecs-notactive p {
        color: var(--color-dark-2-5);
        font-weight: 700;
        text-align: start;
        line-height: 32px;
        font-size: 1rem !important;
    }

.rate-search-container {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5)
}

    .rate-search-container span {
        margin-top: 10px
    }

.container-filter {
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--color-light-gray-3) !important
}

.search-page {
    padding: 0 50px
}

@media screen and (max-width: 767px) {
    .search-page {
        padding: 0
    }
}

.header-searchpage {
    height: 56px;
    border-bottom: 1px solid var(--color-hr)
}


.header-searchpage {
    margin-top: unset !important;
}

.result-header, .header-searchpage a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-medium-dark-gray-3)
}

    .result-header span {
        font-size: 14px;
        white-space: nowrap
    }

        .result-header span:last-child {
            color: var(--color-medium-dark-gray-3)
        }

.header-searchpage a {
    color: var(--color-primary-blue) !important
}

.filters-search span {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    margin-right: 10px !important
}

.filters-search {
    color: var(--color-dark-2-5) !important;
}
/*pagination page new design*/
.pagination .previous-page::before, .pagination .previous-page::before, .pagination .next-page::after {
    content: unset
}

.pagination .current-page span {
    height: 40px !important;
    width: 40px;
    background: var(--color-active);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px !important
}


.pagination .individual-page a {
    height: 40px !important;
    width: 40px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-page .pagination .page-link, .authority-page .pagination .page-link, .category-page .pagination .page-link {
    border: none !important
}

.search-page em {
    border-radius: 4px;
    padding: 0 2px;
    background: var(--color-light-gray-3);
    line-height: 25px;
    font-style: normal;
    color: var(--color-white)
}

.page-link:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important
}

.filter-icon-container {
    font-size: 16px;
    color: var( --color-gray) !important
}

.generalLeftSidee {
    background: var(--color-body) !important
}

.authority-sort {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
}

.results-authorname {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-active-dark-2)
}

.author-result-title, .author-result-number {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-medium-dark-gray-3)
}

.author-result-number {
    color: var(--color-dark-2-5);
}

.category-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-active-dark-2)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0 !important
}

li.breadcrumb-item span, .breadcrumb li:first-child a {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-medium-dark-gray)
}

li.breadcrumb-item .current-item {
    color: var(--color-dark-2-5) !important;
}

.swiper-categoty {
    overflow: hidden;
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .swiper-categoty .swiper-slide {
        padding: 0 8px !important;
        height: 24px;
        border-radius: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        border: 1px solid var(--color-medium-gray-7);
        white-space: nowrap;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: start;
        color: var(--color-dark-gray-3);
    }

.swiper-button-next-category, .swiper-button-prev-category {
    border-radius: 8px;
    height: 32px;
    width: 32px;
    background: var(--color-search-fixed-swiper);
    position: absolute;
    left: -1px;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-button-prev-category {
    right: 0;
    left: unset
}

    .swiper-button-prev-category.swiper-button-disabled, .swiper-button-next-category.swiper-button-disabled {
        display: none !important
    }

@media screen and (max-width: 767px) {
    .swiper-button-prev-category, .swiper-button-next-category {
        display: none !important
    }
}

.contactus-box {
    border-radius: 16px;
    background: var(--color-medium-gray-5-1);
    padding: 32px !important;
}

.generalTitle-2 {
    display: none !important
}

.more-information-responsive {
    display: none !important
}

@media screen and (max-width: 767px) {
    .contactus-box {
        border-radius: unset;
        background: unset;
        padding: unset !important;
    }

    .generalTitle-1 {
        display: none !important;
    }

    .generalTitle-2 {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-bottom: 0px !important
    }

    .contactus-box-responsive {
        border-radius: 16px;
        background: rgba(0, 60, 28, 0.04);
        padding: 32px !important;
        margin-bottom: 56px;
    }

    .more-information-responsive {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-bottom: 0px !important
    }
}

.more-information {
    margin-bottom: 70px !important;
}

@media screen and (max-width: 1200px) {
    .generalTitle-1 {
        margin: 0px !important;
    }

    .more-information {
        margin-bottom: 35px !important;
    }
}


.contact-page-label {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.contactus-title {
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    color: #1A1C19 !important;
}

.contact-page-address {
    color: #757873;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.contact-page .topic-block-body {
    gap: 24px !important
}

.contact-page-icon {
    width: 16px;
    height: 16px;
    margin-top: 8px;
}

.form-fields {
    gap: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

    .more-information {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-prev-category, .swiper-button-next-category {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .book-img.img-swiper, .book-img-audio.img-swiper {
        width: 177.33px;
        -webkit-box-shadow: 0px -1px 2px 0px #0000001A;
        box-shadow: 0px -1px 2px 0px #0000001A;
        -webkit-box-shadow: 0px 2px 4px 0px #00000026;
        box-shadow: 0px 2px 4px 0px #00000026;
    }
}

.type-of-book {
    width: 113px;
    height: 36px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #212121;
    border-radius: 20px;
    position: absolute;
    top: 20px;
    left: 35px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: start;
    color: #fff;
    z-index: 2;
}

.form-control::-webkit-input-placeholder {
    color: var(--color-medium-dark-gray-3) !important;
    font-size: 14px
}

.form-control::-moz-placeholder {
    color: var(--color-medium-dark-gray-3) !important;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: var(--color-medium-dark-gray-3) !important;
    font-size: 14px
}

.form-control::-ms-input-placeholder {
    color: var(--color-medium-dark-gray-3) !important;
    font-size: 14px
}

.form-control::placeholder {
    color: var(--color-medium-dark-gray-3) !important;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .row-one-land {
        padding: 0 32px !important
    }

    .row-land-two {
        margin-top: 100px !important
    }
}

.star-card {
    margin-top: 0.25rem !important
}



/*new info design*/
.page .account-page.customer-info-page.customer-info-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px !important;
    border-radius: 16px;
    background-color: var( --color-body-bg);
}


.customer-info-page .circle-profile {
    border-radius: 50px;
    width: 96px;
    height: 96px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-shadow: 0px 24px 25px 0px #0000000A;
    box-shadow: 0px 24px 25px 0px #0000000A;
    background: var(--color-light-gray-2)
}

.subscription-box {
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    background-color: var(--color-body-bg);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1199px) {
    .method-list {
        gap: 24px
    }

        .method-list li {
            padding: 0px !important
        }
}



.subscription-price {
    font-size: 18px;
    text-align: left;
    font-weight:700;
    /*border-radius: 8px;
    background: #F4F4F4;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*padding: 6px 0px;*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.active-sub .subscription-price {
    color: var(--color-white-vote) !important;
    /*background: #fff*/
}
.active-sub .subscription-badge {
    background: var(--color-white-vote) !important;
    color: #E72A54 !important;
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
}
.subscription-badge {
    background: var(--color-linear-active-sub);
    color: var(--color-white-vote) !important;
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
}

.payment-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 16px;
    background: var(--color-footer);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}

.payTitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-dark-2-5)
}

.main-payment-box {
    gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.profile-info-cont {
    position: relative;
    overflow: hidden
}

.customer-info-page .profile-info-cont:before {
    content: "";
    width: 106%;
    height: 160px;
    background: var(--color-body-bg);
    position: absolute;
    border-radius: 100%;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.profile-info-avatar {
    margin-top: -33px
}

.title-profile {
    margin-bottom: 80px
}

.title-info-col {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 18px;
    color: var(--color-dark-gray);
    text-align: start;
}

.customer-info-page .form-fields {
    gap: 10px !important
}

.date, .review-text {
    color: var(--color-medium-gray-3);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
}

.review-info a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-primary-blue);
}

.reviws-box {
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    background: var(--color-body-bg);
}

@media screen and (min-width: 768px) {
    .custom-container-profile {
        padding: 0 50px !important
    }
}

.customer-logout {
    margin-top: 32px;
    background: var(--color-light-bg-4);
    border-radius: 8px;
}

    .customer-logout a {
        color: var(--color-error) !important
    }

.sub-SubscriptionPlan {
    padding: 12px !important
}

    .sub-SubscriptionPlan:first-child {
        padding-right: 0 !important
    }

    .sub-SubscriptionPlan:last-child {
        padding-left: 0 !important
    }

.title-subscription {
    margin-bottom: 10px
}

.plan-desc {
    padding: 0 10px
}

    .plan-desc p {
        font-size: 12px;
        font-weight:300;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: start !important;
        color: #757b73
    }

.category-footer-container {
    max-height: 200px;
    overflow-y: auto
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.category-footer-container {
    scrollbar-width: auto;
    scrollbar-color: #b9b5ba transparent;
}

    /* Chrome, Edge, and Safari */
    .category-footer-container::-webkit-scrollbar {
        width: 12px;
    }

    /* .category-footer-container::-webkit-scrollbar-track {
        background: #212529;
    }*/

    .category-footer-container::-webkit-scrollbar-thumb {
        /*   background-color: #b9b5ba;*/
        border-radius: 8px;
        border: 3px solid #212529;
    }

    .category-footer-container li {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        text-align: start;
        color: var(--color-footer-text-gray);
    }

@media screen and (max-width: 767px) {
    .title-col {
        font-weight: 500 !important;
        text-align: start;
        color: var(--color-dark-gray-3);
        font-size: 20px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
    }
}

@media screen and (max-width: 1250px) {
    .home-page #small-search-box-form {
        padding: 15px 20px;
        box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
        -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
        -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
        border-top: 1px solid var(--color-extra-light-gray-6);
    }

    .home-page #small-search-box-form {
        border: none !important;
        box-shadow: unset !important;
        padding: 0 !important
    }

    .home-page {
        margin-top: -130px !important;
        padding: 0 !important
    }

        .home-page #searchClick.fixed-input-homepage {
            max-width: unset !important;
            width: 100% !important;
            left: 0 !important;
            top: 72px !important;
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset;
            padding: 15px !important;
            background: var(--color-main-bg) !important;
            z-index: 10 !important;
            border-radius: unset !important;
            box-shadow: 0 4px 16px 0 rgba(0,0,0,.07) !important;
        }
}

@media screen and (max-width: 992px) {
    .home-page #searchClick.fixed-input-homepage {
        max-width: unset !important;
        width: 100% !important;
        left: 0 !important;
        top: 72px !important;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding: 15px !important;
        background: var(--color-main-bg) !important;
        z-index: 10 !important;
        border-radius: unset !important;
        box-shadow: 0 4px 16px 0 rgba(0,0,0,.07) !important;
    }
}

@media screen and (max-width: 1250px) {
    #small-search-box-form {
        padding: 15px 20px;
        background: var(--color-main-bg);
        box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
        -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
        -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,.07);
    }
}

.home-page #searchClick {
    padding: 8px !important;
    background: #21212180;
    -webkit-box-shadow: 0 4px 16px 0 #00000014;
    box-shadow: 0 4px 16px 0 #00000014;
    border-radius: 8px;
}

#image {
    background: #fff
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background: var(--color-white)
}

em {
    border-radius: 4px;
    padding: 0 2px;
    background: var(--color-light-gray-9);
    line-height: 25px;
    font-style: normal;
}

.title-grid {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: start;
    color: var(--color-dark-2-5);
    margin-top: 100px;
    margin-bottom: 20px !important
}

.vis-network, .vis-network canvas, #mynetwork {
    min-height: 400px !important;
    height: 400px !important
}

    .vis-network canvas {
        border: 1px solid var(--color-general-light);
        border-radius: 8px
    }

.text-success {
    color: var(--color-text-success) !important;
    background: var(--color-bg-success) !important;
}



.img-cont-work {
    cursor: pointer;
    height: fit-content
}
/*faq page*/
.faq-cont {
    color: var(--color-dark-2-5);
    text-align: start;
    max-width: 1400px;
    padding: 0 50px;
    margin: auto
}

    .faq-cont .card {
        border: unset !important
    }

    .faq-cont .card-header {
        background: unset !important;
        cursor: pointer
    }

    .faq-cont .collapsed i:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f078";
    }

    .faq-cont i:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f077";
    }

.spec-name.title-information {
    white-space: nowrap
}

.pagination .individual-page a:hover {
    color: var(--color-active) !important;
}

.reddit {
    background: rgba(255, 69, 0, 0.5)
}

.div#white-player {
    direction: rtl
}

.d-hambergur-menu-setting {
    height: 100%;
}

.email-information {
    direction: ltr
}

.header-filters-container img {
    width: 15px
}

.header-filters-container li {
    white-space: nowrap
}



/*amplitude custom*/
div#control-container div#central-control-container div#central-controls div#play-pause.amplitude-paused {
    width: 23px;
    height: 18px;
    background-size: contain !important;
    position: relative;
    background-image: unset !important
}

    div#control-container div#central-control-container div#central-controls div#play-pause.amplitude-paused:before {
        content: "\e918";
        position: absolute;
        top: -13px;
        left: -10px;
        font-family: 'icomoon' !important;
        font-size: 30px;
        color: var(--color-button-main)
    }



div#control-container div#central-control-container div#central-controls div#play-pause.amplitude-playing {
    background-image: unset !important;
    width: 23px;
    height: 18px;
    background-size: contain !important;
    position: relative
}

    div#control-container div#central-control-container div#central-controls div#play-pause.amplitude-playing:before {
        content: "\e91a";
        position: absolute;
        top: -13px;
        left: -10px;
        font-family: 'icomoon' !important;
        font-size: 30px;
        color: var(--color-button-main)
    }



div#control-container div.amplitude-mute.amplitude-not-muted {
    background-image: unset !important;
    width: 23px;
    height: 18px;
    background-size: contain !important;
    position: relative
}

    div#control-container div.amplitude-mute.amplitude-not-muted:before {
        content: "\e90c";
        position: absolute;
        top: -13px;
        left: 0;
        font-family: 'icomoon' !important;
        font-size: 30px;
        color: var(--color-button-main)
    }

div#control-container div.amplitude-mute.amplitude-muted {
    background-image: unset !important;
    width: 23px;
    height: 18px;
    background-size: contain !important;
    position: relative
}

    div#control-container div.amplitude-mute.amplitude-muted:before {
        content: "\e914";
        position: absolute;
        top: -13px;
        left: 0;
        font-family: 'icomoon' !important;
        font-size: 30px;
        color: var(--color-button-main)
    }

div#white-player-controls div#shuffle.amplitude-shuffle-off {
    background: url("/Plugins/Libra/Content/images/shuffle-off-a.svg") center no-repeat !important;
}

div#white-player-controls div#shuffle.amplitude-shuffle-on {
    background: url("/Plugins/Libra/Content/images/shuffle-on-a.svg") !important;
}

div#white-player-controls div#previous {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background: url("/Plugins/Libra/Content/images/previous-a.svg") center no-repeat !important;
    vertical-align: middle;
}

div#white-player-controls button#play-pause.amplitude-paused {
    position: relative;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: unset !important
}

    div#white-player-controls button#play-pause.amplitude-paused:before {
        content: "\e918";
        font-family: 'icomoon' !important;
        color: var(--color-dark-gray-8-1);
        font-size: 4rem
    }

div#white-player-controls button#play-pause.amplitude-playing {
    position: relative;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: unset !important
}

    div#white-player-controls button#play-pause.amplitude-playing:before {
        content: "\e91a";
        font-family: 'icomoon' !important;
        color: var(--color-dark-gray-8-1);
        font-size: 4rem
    }

div#white-player-controls div#next {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background: url("/Plugins/Libra/Content/images/next-a.svg") center no-repeat !important;
    vertical-align: middle;
}



div.white-player-playlist-controls div.playlist-controls div.playlist-control-wrapper div#playlist-play-pause.amplitude-paused {
    background: url("/Plugins/Libra/Content/images/play-a.svg") center no-repeat !important;
    width: 32px;
    background-size: contain;
    margin: 0 32px;
}

div.white-player-playlist-controls div.playlist-controls div.playlist-control-wrapper div#playlist-play-pause.amplitude-playing {
    background: url("/Plugins/Libra/Content/images/pause-a.svg") center no-repeat !important;
    width: 32px;
    background-size: contain;
    margin: 0 32px;
}

.amplitude-paused-playlist {
    width: 32px;
    margin: 0 32px;
    width: 32px;
    background-size: contain;
    margin: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent
}

    .amplitude-paused-playlist:before {
        content: "\e918";
        font-family: 'icomoon' !important;
        color: var(--color-dark-gray-8-1);
        font-size: 2.5rem
    }

.amplitude-playing .amplitude-paused-playlist {
    width: 32px;
    margin: 0 32px;
    width: 32px;
    background-size: contain;
    margin: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent
}

    .amplitude-playing .amplitude-paused-playlist:before {
        content: "\e91a";
        font-family: 'icomoon' !important;
        color: var(--color-dark-gray-8-1);
        font-size: 2.5rem
    }


div.white-player-playlist-controls div.playlist-controls div.playlist-control-wrapper div#playlist-next {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background: url("/Plugins/Libra/Content/images/next-a.svg") center no-repeat !important;
    vertical-align: middle;
}

div.white-player-playlist-controls div.playlist-controls div.playlist-control-wrapper div#playlist-previous {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background: url("/Plugins/Libra/Content/images/previous-a.svg") center no-repeat !important;
    vertical-align: middle;
}

div#white-player-controls button#play-pause.amplitude-paused:active {
    display: flex;
    justify-content: center;
    align-items: center
}

    div#white-player-controls button#play-pause.amplitude-paused:active:before {
        content: "\e918";
        font-family: 'icomoon' !important;
        color: var(--color-footer-text-gray);
        font-size: 4rem
    }

div#white-player-controls button#play-pause.amplitude-playing:active {
    display: flex;
    justify-content: center;
    align-items: center
}

    div#white-player-controls button#play-pause.amplitude-playing:active:before {
        content: "\e91a";
        font-family: 'icomoon' !important;
        color: var(--color-footer-text-gray);
        font-size: 4rem
    }

div#white-player-controls button#play-pause.amplitude-paused:disabled {
    display: flex;
    justify-content: center;
    align-items: center
}

    div#white-player-controls button#play-pause.amplitude-paused:disabled:before {
        content: "\e918";
        font-family: 'icomoon' !important;
        color: var(--color-footer-text-gray);
        font-size: 4rem
    }

div#white-player-controls button#play-pause.amplitude-playing:disabled {
    display: flex;
    justify-content: center;
    align-items: center
}

    div#white-player-controls button#play-pause.amplitude-playing:disabled:before {
        content: "\e91a";
        font-family: 'icomoon' !important;
        color: var(--color-footer-text-gray);
        font-size: 4rem
    }

.amplitude-active-song-container .amplitude-playing:disabled {
    display: flex;
    justify-content: center;
    align-items: center
}

    .amplitude-active-song-container .amplitude-playing:disabled:before {
        content: "\e91a";
        font-family: 'icomoon' !important;
        color: var(--color-footer-text-gray);
        font-size: 2rem
    }

.download-direct {
    height: 54px;
    background: var(--color-footer-input);
    width: fit-content;
    margin: 30px auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}
.download-direct-btn {
    width: 160px;
    height: auto;
}

@media screen and (min-width: 1200px) {
    .inst-app-li {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
}

.social-footer-container i {
    color: var(--color-footer-text)
}

.js-select-custom {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.show-content-land {
    border: 1px solid var(--color-active) !important;
    border-radius: 8px;
    height: 48px !important;
    width: 100%;
    background: var(--color-active) !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #fff !important;
    margin-top: 20px;
    padding: 10px 20px;
    height: 48px;
    display: block
}



.button-advancesearch i, .search-more-button i, .search-more-button-home i {
    color: white;
    font-size: 22px
}

.swiper-slide .icon-star:before {
    font-size: 16px;
    color: var(--color-dark-gray-4)
}

.share-button i {
    color: var(--color-dark-gray-8-1)
}

.raty-container i, .raty-star i {
    color: #ffde96;
    font-size: 12px
}

.colorfull-icon {
    color: var(--color-active)
}

.logo-home img {
    max-width: 120px;
    max-height: 70px
}

.account-header {
    color: var(--color-header-text)
}

@media screen and (max-width: 767px) {
    .account-header {
        color: var(--color-dark-2-5)
    }
}

.colorfull-icon-blue {
    color: #2F628C
}

.icon-Thumb-up, .resultyes-review {
    color: #28a745 !important;
}

.icon-Thumb-down, .resultno-review {
    color: var(--color-error) !important
}

.header-filters-container a:hover span, .header-filters-container a:hover i, .download-app-direct:hover span {
    color: var(--color-active) !important
}
/*topic ui*/
.homepage-topics {
    padding: 40px;
    box-shadow: 0px 2px 6px 0px #00000026;
    border-radius: 24px;
    max-width: 1158px;
    margin: auto;
    margin-top: -150px;
    margin-bottom: 80px;
    background: var(--color-body);
    z-index: 1
}

    .homepage-topics .author-style {
        cursor: unset !important
    }

    .homepage-topics .divider {
        background-color: var(--color-extra-light-gray-3);
        height: inherit;
        width: 2px;
        display: block
    }

    .homepage-topics div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .homepage-topics p {
        margin-top: 5px;
        color: var(--color-primary-blue) !important;
        font-weight: bold
    }

@media screen and (max-width: 767px) {
    .homepage-topics .divider {
        display: none;
    }

    .homepage-topics div {
        margin-top: 10px;
    }
}

.download-app-direct {
    color: var(--color-header-text) !important;
    font-size: 14px;
    font-weight: 500;
}

    @media screen and (max-width: 767px) {
        .download-app-direct {
        color: var(--color-dark-2-5) !important
    }
}

@media screen and (min-width: 1401px) {
    .searchbox-header-form {
        width: 100% !important;
        display: flex;
        justify-content: center;
        max-width: 520px;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1400px) {
    .searchbox-header-form {
        width: 100% !important;
        display: flex;
        justify-content: center;
        max-width: 400px;
    }
}

.circle-profile.profile-container-picture .icon6-palceholderprofile {
    font-size: 3.5rem;
    color: var(--color-dark-gray-4) !important
}

.profile-picture-header .icon6-palceholderprofile {
    font-size: 2rem;
    color: var(--color-dark-gray-4) !important
}

.profile-info-cont .icon6-palceholderprofile {
    font-size: 3.8rem;
    color: var(--color-dark-gray-4) !important;
}

.customer-logout i {
    color: var(--color-error)
}

.icon-delete-outline {
    color: #be6063
}

.search-icon-filter {
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.header a, .search-header a {
    text-decoration: unset !important
}

.category-parent-title a:hover, .categories:hover, .categories:hover i {
    color: var(--color-active) !important;
}

@media screen and (min-width: 992px) {
    .category-megamenu {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s, transform 0.2s,height 0.2s;
        display: block;
        position: fixed !important;
        top: 70px;
        width: 100% !important;
        border-radius: 0 !important;
        overflow: hidden; /* Ensure overflow is hidden */
        height: 0; /* Start with height 0 */
        max-width: 1440px;
        left: 50% !important;
        transform: translateX(-50%);
        min-width: 0 !important;
        width: 100%;
        padding-right: 1.3rem !important;
        padding-left: 1.3rem !important;
        border-radius: 16px;
        background: var(--color-white);
        color: var(--color-dark-2-5);
    }

    .dropdown.megamenu-li:hover .category-megamenu {
        transition: opacity 0.2s, transform 0.2s,height 0.2s;
        visibility: visible;
        opacity: 1;
        min-height: 540px;
        overflow: auto
    }
}

@media screen and (min-width: 991px) {
    #Setting .toggle-darkmode {
        display: none !important
    }
}

#Setting > ul > li:last-child {
    margin-bottom: 0;
    border-top: 1px solid var(--color-extra-light-gray-3);
    padding: 20px 0;
}

.sp-link-land {
    color: var(--color-primary-blue) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px !important;
    letter-spacing: 0em;
    text-align: start;
}

.spec-value-land {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px !important;
    letter-spacing: 0em;
    text-align: start;
    white-space: normal
}

.spec-name {
    font-size: 1rem
}

.sp-item-container {
    margin-bottom: 8px !important
}

#showmoreSpClose img {
    transform: rotate(180deg)
}

.sp-top-product {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-primary-blue) !important;
    margin-bottom: 20px !important;
    text-align: center;
}

    .sp-top-product a {
        color: var(--color-primary-blue) !important;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: start;
        white-space: nowrap;
    }

    @media (min-width:768px) {
        .sp-top-product {
            text-align: start !important;
        }
    }

.container-setting .icon-Keyboard-arrow-down {
    right: 30px !important;
    left: unset !important
}

.search-box-fulltext {
    width: 255px;
    height: 40px;
    background: var(--color-bg-2);
    color: var(--color-dark-2-5) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.full-text-search-container {
    background: var(--color-bg-2);
    height: 0;
    transition: 0.3s all linear;
}

.open-result-text {
    height: fit-content;
    padding: 16px;
    transition: 0.3s all linear;
}

.loading-comment {
    width: 20px
}

.fullTextSearch-result {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: start;
}

@media screen and (max-width: 767px) {
    #advanceSearchModalLibra .modal-dialog {
        top: 0 !important;
        overflow: auto;
        left: 48%
    }

    .button-container-advancesearch {
        width: 100%;
        display: flex !important;
        flex-direction: column;
    }
}

.fullTextSearch-login a, .fulltext-link-details {
    color: var(--color-primary-blue) !important
}

.fullTextSearch-login p {
    color: var(--color-dark-2-5) !important
}
/* custom css rtl*/
div #white-player {
    flex-direction: row-reverse
}

div.white-player-playlist-song, .white-player-playlist-song > div {
    flex-direction: row-reverse;
}

    .white-player-playlist-song > div span {
        display: contents
    }


/*@media screen and (max-width:992px) {
    #filter-result-container {
        padding: 10px 20px !important;
        position: fixed;
        right: 0;
        z-index: 2;
        background-color: white;
    }

    .page.search-page {
        margin-top: 88px
    }
}*/

@media screen and (max-width:992px) {
    .page.search-page {
        margin-top: 88px
    }
}
#filter-result-container {
    padding: 10px 20px !important;
    position: fixed;
    right: 0;
    z-index: 2;
    background-color: white;
}




.entity-type {
    background-color: #00000014;
    border-radius: 32px;
    display: flex;
    padding: 2px 8px 2px 8px;
    gap: 2px;
    width: fit-content;
    text-decoration: none !important;
    cursor: default;
}

.entity-type-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #7A7A7A;
    gap: 4px
}

.entity-type-icon {
    font-size: 14px !important;
}

.search-page .product-box:hover .entity-type-search {
    background-color: #3C65FA
}

.search-page .product-box:hover .entity-type-text-search {
    color: white !important;
    text-decoration: none !important;
}

.search-box-fulltext:hover .icon7-textsearch {
    color: #ff5723 !important;
}

.search-box-fulltext:hover {
    color: #ff5723 !important;
}

.add-to-library-btn .icon8-ic-library, .share-button .icon8-ic-library {
    font-size: 24px;
}

.Social-media-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.Social-media-row {
    border: 1px solid #C4C6CB;
    border-radius: 8px;
    overflow: hidden;
}

.btn-send {
    border-radius: 0px !important
}

.btn-send-icon {
    color: var(--color-active) !important
}

.gellery-container .thumbnails {
    display: none !important
}

.ProductReviewOverview-land-box {
    padding: 8px 16px 8px 16px;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #E4E2E2;
    box-shadow: 0px 2px 2px 0px #0000001A;
}

.rate-star-icon {
    color: #FF7148;
}

.num-rate {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #7A7A7A;
}

.num-rate-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #7A7A7A;
}

.mid-rate-number {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-dark-2-5)
}


.show-content-dropdown-btn {
    width: 100%;
    padding: 10px 20px;
    gap: 10px;
    border-radius: 8px;
    background-color: var(--color-active) !important;
    color: #fff !important;
    outline: unset !important;
    border: unset !important;
}

    .show-content-dropdown-btn:focus {
        width: 100%;
        padding: 10px 20px;
        gap: 10px;
        border-radius: 8px;
        background-color: var(--color-active) !important;
        color: #fff !important;
        outline: unset !important;
        border: unset !important;
    }

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

    .mobile-menu-item-list {
        background: var(--color-white);
        border-radius: 16px;
    }

        .mobile-menu-item-list li {
            background-color: none !important;
            padding: 16px;
            margin: 0 !important
        }


    .mobile-menu-item-categories, .mobile-menu-item-theme, .mobile-menu-item-signout, .mobile-menu-item-lan {
        background: var(--color-white);
        border-radius: 16px;
        margin: 15px 0
    }

        .mobile-menu-item-categories li, .mobile-menu-item-signout li, .mobile-menu-item-lan li {
            background-color: none !important;
            padding: 16px !important;
            margin: 0 !important
        }

        .mobile-menu-item-theme li {
            padding: 16px !important;
            margin: 0 !important
        }

    .mobile-menu-item-theme {
        padding: 16px
    }

    .mobile-menu-item-list li:not(:last-child) {
        border-bottom: 1px solid #D8D8D8
    }


    #filterBack2 {
        background-color: var(--color-main-bg) !important;
    }

    li.d-flex.col-12 a .profile-mobile.profile-mobile-green {
        background-color: var(--color-main-bg);
        width: fit-content;
        color: var(--color-header-text);
        padding: 2px 14px;
        border-radius: 80px;
        font-size: 14px;
    }
}

li.d-flex.col-12 a .profile-mobile.profile-mobile-green {
    background-color: var(--color-bg-base-custom) !important;
    width: fit-content !important;
    color: var(--color-white-pure) !important;
    padding: 2px 14px !important;
    border-radius: 80px !important;
    font-size: 14px !important;
}

.library-icon-light:hover {
    color: var(--color-active) !important;
}

.name-audio-title a:hover {
    text-decoration: none !important;
}

#copy .btn-send-icon {
    font-size: 18px !important;
}

#sharemodal.modal.show {
    display: flex !important;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

#view-content-modal {
    width: 100%;
    padding: 5px;
    background-color: #FBF9F9;
    box-shadow: 0px 2px 2px 0px #0000001A;
    border-radius: 8px;
    gap: 4px;
}

    #view-content-modal.dropdown-menu.show {
        display: flex;
        flex-direction: column;
    }

    #view-content-modal .dropdown-item:hover {
        background-color: #F3F0F1;
        border-radius: 8px;
    }

    #view-content-modal .dropdown-item {
        text-align: left !important;
    }


.social-share-icon {
    color: var(--color-dark-2-5)
}

.qr-navbar {
    background-color: #131314;
    padding: 8px;
    justify-content: right;
    display: flex;
}

.banner-content-title {
    font-size: 16px;
    font-weight: 700;
}

.banner-content-welcome {
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
}

.gift-time {
    color: #E72A54;
}

.banner-content-info {
    font-weight: 700;
    text-align: right;
    font-size: 15px;
}

.qr-login-btn {
    padding: 8px 16px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #19232D;
    color: #19232D;
    background-color: unset;
    font-size: 16px;
    font-weight: 600;
}

.banner-section {
    border-bottom: 1px solid #E5E7EB;
    box-shadow: 0px 0px 16px 0px #00000026;
}

.qr-pill-box {
    border-radius: 100px;
    background-color: #00000014;
    width: 43%;
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 4px 4px;
    color: #717171;
    font-size: 13px;
}

.footer-qr {
    border-top: 1px solid #E5E7EB;
    padding: 0 !important;
}

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

.footer-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    color: #4D4D4D;
}


/*login*/
.qr-modal .modal-header .close {
    padding-left: 0;
    margin-left: 0;
}

.qr-modal .modal-dialog {
    margin: 1rem !important;
}

.qr-modal .modal-content {
    border-radius: 1rem !important;
}

.qr-modal-title {
    color: #19232D;
    font-weight: 500;
    text-align: center;
}

.qr-modal-filde label {
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    color: #475569;
}

.qr-modal-filde input {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 3px 6px;
    align-items: center;
    display: flex;
}

    .qr-modal-filde input::placeholder {
        color: #9CA3AF;
        font-size: 12px;
    }

.qr-modal-btn {
    background-color: #19232D;
    color: #F3F4F6;
    width: 100%;
    border-radius: 4px;
    border: unset;
    outline: unset;
    padding: 8px;
}

    .qr-modal-btn:active, .qr-modal-btn:hover {
        border: unset;
        outline: unset;
    }

.qr-footer-child {
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #4D4D4D;
    padding: 2px 8px;
}

.divider-qr {
    display: flex;
    width: 1px;
    height: 16px;
    border: 1px solid #BCBCBC;
}

/*verify*/
.qr-modal-btn-pink {
    background-color: #E72A54;
    color: #F3F4F6;
    width: 100%;
    border-radius: 4px;
    border: unset;
    outline: unset;
    padding: 8px;
}

    .qr-modal-btn-pink:active, .qr-modal-btn-pink:hover {
        border: unset;
        outline: unset;
    }

.modal-forget-pass-txt {
    font-size: 11px;
    font-weight: 500;
    text-align: right;
    color: #E72A54;
    padding-top: 4px;
    margin: 0;
}


.download-banner-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 87.61%), linear-gradient(360deg, rgba(162, 48, 66, 0) 17.6%, #A02E40 99.23%);
    border-radius: 10px;
    box-shadow: 0px 8px 16px 0px #00000026;
}

.color-pink {
    color: #E72A54;
}

.body-download-content-title {
    font-weight: 700;
    text-align: right;
    color: #374151;
    font-size: 14px;
}

.body-download-content-info {
    font-size: 12px;
    font-weight: 500;
    text-align: right;
}

.download-btn-playstore {
    background-image: url('/Plugins/Libra/Content/images/mobile-download-google-play-badge.svg');
    display: flex;
    width: 48%;
    height: 54px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: unset;
    border-radius: 8px;
}

.download-btn-appstore {
    background-image: url('/Plugins/Libra/Content/images/mobile-download-app-store-badge.svg');
    display: flex;
    width: 48%;
    height: 54px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: unset;
    border-radius: 8px;
}

.download-btn {
    background-color: #19232D;
    color: white;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: unset;
    outline: unset;
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 28px;
    align-items: center;
}

.qr-home-page-gradient-banner {
    display: flex;
    justify-content: center;
    padding: 14px;
    align-items: center;
    background: linear-gradient(360deg, #A12F41 0%, #3B1118 100%);
    border-radius: 16px;
    box-shadow: 0px 4px 4px 0px #00000026;
    margin-bottom:16px
}

.otp-box {
    background-color: white;
    border: 1px solid black;
    width: 380px !important;
}

#info-container, #refferal-info-container {
    text-align: right;
    font-weight: 700;
    font-size: 14px;
}

.phone-number-label {
    text-align: right;
    font-size: 14px;
    color: black;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 8px;
}

.submit-code-number-label {
    text-align: right;
    font-size: 14px;
    color: black;
    opacity: 0.7;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 18px;
}

#mobile-input, #confirm-code-input, #refferal-input {
    border: 1px solid #b5b5b5 !important;
    text-align: left !important;
    padding: 8px !important;
    border-radius: 8px !important;
    direction: ltr;
}
#mobile-input, #confirm-code-input, #refferal-input {
    margin-top: 26px;
    font-size: 16px;
    -webkit-text-size-adjust: 100% !important;
}

    #mobile-input::-webkit-input-placeholder, #confirm-code-input::-webkit-input-placeholder, #refferal-input::-webkit-input-placeholder {
        text-align: left;
    }

    #mobile-input::-moz-placeholder, #confirm-code-input::-moz-placeholder, #refferal-input::-moz-placeholder {
        text-align: left;
    }

    #mobile-input:-ms-input-placeholder, #confirm-code-input:-ms-input-placeholder, #refferal-input:-ms-input-placeholder {
        text-align: left;
    }

    #mobile-input::-ms-input-placeholder, #confirm-code-input::-ms-input-placeholder, #refferal-input::-ms-input-placeholder {
        text-align: left;
    }

    #mobile-input::placeholder, #confirm-code-input::placeholder, #refferal-input::placeholder {
        text-align: left;
    }

#next-action-btn {
    padding: 8px 12px !important;
    max-width: unset;
    width: unset;
    margin-top: 32px;
    font-size: 12px !important;
}
#sunmit-code-btn {
    padding: 8px 12px !important;
    max-width: unset;
    width: unset;
    margin-top: 32px;
    background-color: var(--color-active) !important;
    font-size: 12px !important;
}

#send-again-action-btn {
    padding: 8px 12px !important;
    max-width: unset;
    width: unset;
    margin-top: 32px;
    background-color: #f1f1f1 !important;
    color: #212121 !important;
    font-size: 12px !important;
}
.hero {
    margin-bottom: 40px;
    margin-top: 170px;
}

@media (min-width: 768px) and (max-width:1250px) {
    .hero {
        margin-bottom: 70px;
        margin-top: 170px;
    }
}

@media screen and (min-width: 1250px) {
    .hero {
        margin-top: 70px;
    }
}

.register-banner {
    margin-bottom: 16px;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .register-banner {
        margin-bottom: 32px;
        margin-top: 32px;
    }
}
.popular-list-book {
    margin-bottom: 0;
    margin-top: 0;
}

@media (min-width: 768px) {
    .popular-list-book {
        margin-bottom: 32px;
        margin-top: 32px;
    }
}
.video-swiper {
    position: relative;
    padding-bottom: 32px;
}
.video-swiper-slide {
    max-width: 660px;
    height: fit-content;
    border-radius: 8px;
}
@media (min-width: 768px) {
    .video-swiper-slide {
        max-width: 660px;
        height: fit-content;
        border-radius: 8px;
    }
}
.video-container {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

    .video-container video {
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
.video-swiper-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}

    .video-swiper-pagination .swiper-pagination-bullet {
        background-color: #999;
        opacity: 0.5;
        width: 8px !important;
        height: 8px;
        margin: 0 4px;
        display: inline-block;
        border-radius: 50%;
    }

    .video-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #000;
        opacity: 1;
    }

    .banner-segment {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    @media (min-width: 768px) {
        .banner-segment {
            margin-bottom: 32px;
            margin-top: 32px;
        }
    }
.banner-swiper {
    position: relative;
    padding-bottom: 12px;
}
@media (min-width: 768px) {
    .banner-swiper {
        position: relative;
        padding-bottom: 22px;
    }
}
.banner-container {
    max-width: 660px;
    height: fit-content;
    border-radius: 8px;
}
@media (min-width: 768px) {
    .banner-container {
        max-width: 660px;
        height: fit-content;
        border-radius: 8px;
    }
}
    .banner-container img {
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
.banner-swiper-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}

    .banner-swiper-pagination .swiper-pagination-bullet {
        background-color: #999;
        opacity: 0.5;
        width: 8px !important;
        height: 8px;
        margin: 0 4px;
        display: inline-block;
        border-radius: 50%;
    }

    .banner-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #000;
        opacity: 1;
    }
    .Tech-segment {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    @media (min-width: 768px) {
        .Tech-segment {
            margin-bottom: 32px;
            margin-top: 32px;
        }
    }

    .top-comments {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    @media (min-width: 768px) {
        .top-comments {
            margin-bottom: 32px;
            margin-top: 32px;
        }
    }

    .slider {
        height: fit-content;
        margin: auto;
        position: relative;
        display: flex;
        place-items: center;
        overflow: hidden;
    }

    .slide-track {
        display: flex;
        width: calc(208px * var(--product-count));
        animation: scroll calc((var(--product-count)) * 3s) linear infinite;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(208px * var(--product-count)));
        }
    }
    /*@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}*/
    .slide {
        /*height: 100%;*/
        width: 208px;
        display: flex;
        align-items: center;
        padding: 8px;
    }

    @media (min-width: 576px) {
        .Payable {
            gap: 10px;
        }
    }

    @media (min-width: 768px) {
        .Payable {
            gap: unset;
        }
    }

    @media (min-width: 992px) {
        .Payable {
            gap: 10px;
        }
    }
.Payable {
    margin-right: 18px;
    font-size: 20px;
    font-weight: bold;
    color: var(--color-dark-2-5);
}
.btn_clear {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 32px;
    height: 32px;
    transition: none !important;
    z-index: 1;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .btn_clear svg {
        width: 20px;
        height: 20px;
        color: #757b73;
    }
.discountlabel {
    position: absolute;
    top: -1.8ex;
    z-index: 1;
    right: 2em;
    background-color: white;
    padding: 0 5px;
    margin-bottom: unset;
    font-size: 12px;
    font-weight: 400;
}

    .input-wrapper {
        position: relative;
    }
        .input-wrapper input {
            position: relative;
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
            text-align: end;
            background-color: #f8f9fa;
            height: 40px;
        }
            .input-error {
                position: relative;
                width: 100%;
                padding: 8px;
                border: 1px solid var(--color-active) !important;
                border-radius: 4px;
                font-size: 14px;
                text-align: end;
                background-color: #f8f9fa;
                height: 40px;
            }
.discountlabel-error {
    position: absolute;
    top: -1.8ex;
    z-index: 1;
    right: 2em;
    background-color: white;
    color: var(--color-active);
    padding: 0 5px;
    margin-bottom: unset;
    font-size: 12px;
    font-weight: 400;
}
.error-supportingtext {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-active);
}
.discountlabel-success {
    position: absolute;
    top: -1.8ex;
    z-index: 1;
    right: 2em;
    background-color: white;
    color: var(--color-text-success);
    padding: 0 5px;
    margin-bottom: unset;
    font-size: 12px;
    font-weight: 400;
}
.success-supportingtext {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-success);
}
.delet-btn-discount {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .delet-btn-discount svg {
        width: 24px;
        height: 24px;
        color: var(--color-dark-2-5);
    }
    .disabled-button {
        background: var(--color-dark-gray);
        color: white;
        opacity: 0.5;
        cursor: not-allowed;
    }

    .active-apply-discount {
        background: var(--color-linear-active-sub) !important;
        color: white;
        opacity: 1;
        cursor: pointer;
    }

    .btn-apply-discount {
        padding: 8px 12px;
        font-size: 14px;
        height: 40px;
        border-radius: 4px;
        border: 1px solid transparent;
        cursor: pointer;
        position: relative;
    }

    .close-btn-discount {
        background-color: transparent;
        border: 1px solid #ccc;
    }

    .Check-btn-discount {
        background-color: transparent;
        border: 1px solid #ccc;
    }

    .video-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .video-modal-content {
        max-width: 80%;
        max-height: 80%;
        position: relative;
        background: #000;
        border-radius: 12px;
        overflow: hidden;
    }

    .video-modal-close {
        position: absolute;
        top: 8px;
        right: 16px;
        font-size: 32px;
        color: white;
        cursor: pointer;
        z-index: 10;
    }

    .header-icon-arrow-right {
        color: var(--color-header-text);
        width: 24px;
        height: 24px;
    }

    .filterBack2-icon {
        color: var(--color-dark-2-5);
        width: 24px;
        height: 24px;
    }

    .key-metrics-img {
        height: 48px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .key-metrics-title {
        font-size: 30px;
        font-weight: 500;
        color: var(--color-dark-2-5);
    }

    .key-metrics-subtitle {
        font-size: 18px;
        font-weight: 400;
        color: var(--color-dark-2-5);
    }

    .top-comments-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 39px;
        text-align: start;
        color: var(--color-dark-2-5);
    }

    .slider-controls button {
        border: 1px solid var(--color-dark-gray-4);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pauseButton-svg {
        width: 20px;
        height: 20px;
        color: var(--color-dark-gray-4);
    }

    .product-box-work a:hover {
        text-decoration: none;
    }
.icon-search-btn {
    display: flex;
}

.icon-search-btn svg {
    width: 24px;
    height: 24px;
    color: var(--color-header-text);
}

.icon-search-btn-active {
    display: flex;
    background-color: var(--color-active);
    padding: 16px;
    border-end-start-radius: unset;
    border-start-start-radius: unset;
}
    .icon-search-btn-active svg {
        width: 20px;
        height: 20px;
        color: var(--color-header-text);
    }

.input-group-append input {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--color-footer-input);
    padding: 12px 16px;
    border: unset;
    border-end-end-radius: unset;
    border-start-end-radius: unset;
}
.input-group-append .form-control:focus {
    color: var(--color-header-text);
    background-color: var(--color-footer-input);
}

.homeregister-container {
    padding: 0 32px;
    position: relative;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .homeregister-container {
        padding: 0 8px;
    }
}

.img-reg-container {
    max-height: 628px;
    border-radius: 32px;
}

.homeregister-container img {
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 100%;
}

.homeregister-container .homeregister-banner {
    position: absolute;
    z-index: 2;
    top: 20%;
    right: 80px;
    direction: rtl;
    gap: 30px;
}


@media (max-width: 1024px) and (min-width: 768px) {
    .homeregister-container .homeregister-banner {
        right: 50px;
        gap: 12px;
    }
}

.homeregister-container .homeregister-banner h1 {
    font-size: 42px;
    font-weight: 800;
    color: white;
    text-align: start;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .homeregister-container .homeregister-banner h1 {
        font-size: 24px;
    }
}

.homeregister-container .homeregister-banner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

    .homeregister-container .homeregister-banner ul span {
        font-size: 18px;
        font-weight: 600;
        color: white;
        text-align: start;
    }

@media (max-width: 1024px) and (min-width: 768px) {
    .homeregister-container .homeregister-banner ul span {
        font-size: 14px;
        font-weight: 600;
    }
}

.homeregister-container .homeregister-banner ul svg {
    width: 24px;
    height: 24px;
    color: white;
}

.homeregister-banner-btn {
    background-color: #19232D;
    padding: 16px 20px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    min-width: 164px;
    max-width: 164px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .homeregister-banner-btn {
        padding: 8px 8px;
    }
}

.homeregister-banner-btn:hover {
    background-color: #0F1A22;
    color: white;
}

.homeregister-container2 {
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    width: 576px;
    position: relative;
}

.img-reg-container2 {
    max-height: 700px;
    border-radius: 32px;
    display: block;
    overflow: hidden;
}

@media (min-width: 500px) and (max-width: 575px) {
    .img-reg-container2 {
        max-height: 790px;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .img-reg-container2 {
        max-height: 370px;
        border-radius: 32px;
        display: block;
        overflow: hidden;
    }
} 

.homeregister-container2 .m-reg-img {
    display: block;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 100%;
    -o-object-position: 0 -140px;
    /*object-position: 0 -140px;*/
    height: 100%;
}

@media (max-width: 576px) and (min-width: 500px) {
    .homeregister-container2 .m-reg-img {
        -o-object-position: bottom;
        object-position: bottom;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .m-reg-img {
        display: none;
    }
}

.homeregister-container2 .md-reg-img {
    display: none;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 100%;
    -o-object-position: right;
    object-position: right;
    height: 100%;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .md-reg-img {
        display: block;
    }
}

.homeregister-container2 .homeregister-banner2 {
    position: absolute;
    z-index: 2;
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    direction: rtl;
}
.homeregister-container2 .homeregister-banner2 {
    top: 12% !important;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .homeregister-banner2 {
        position: absolute;
        z-index: 2;
        top: 20%;
        direction: rtl;
        gap: 30px;
    }
}

.homeregister-container2 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 10px;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        width: 100%;
        gap: 22px;
        padding-right: 20px;
    }
}

.homeregister-container2 .content div {
    gap: 20px;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .content div {
        gap: 10px;
    }
}

.homeregister-container2 .homeregister-banner2 h1 {
    font-size: 28px;
    font-weight: 800;
    color: white;
    text-align: start;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .homeregister-banner2 h1 {
        font-size: 24px;
        font-weight: 800;
    }
}

.homeregister-container2 .homeregister-banner2 h1 span {
    text-align: center;
}

@media screen and (min-width: 576px) {
    .homeregister-container2 .homeregister-banner2 h1 span {
        text-align: start;
    }
}

    .ff-sub {
        justify-content: center;
        text-align: center;
    }


.homeregister-container2 .homeregister-banner2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

@media screen and (min-width: 576px) {
    .homeregister-container2 .homeregister-banner2 ul {
        margin-right: unset !important;
    }
}

    .homeregister-container2 .homeregister-banner2 ul span {
        font-size: 15px;
        font-weight: 600;
        color: white;
        text-align: start;
    }

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-container2 .homeregister-banner2 ul span {
        font-size: 12px;
        font-weight: 600;
    }
}

.homeregister-container2 .homeregister-banner2 ul svg {
    width: 24px;
    height: 24px;
    color: white;
}

.homeregister-banner-btn2 {
    background-color: #19232D;
    padding: 16px 20px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    min-width: 164px;
    max-width: 164px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) and (min-width: 576px) {
    .homeregister-banner-btn2 {
        padding: 8px 8px;
    }
}

.homeregister-banner-btn2:hover {
    background-color: #0F1A22;
    color: white;
}

.preview-card {
    position: relative;
    padding: 16px;
    border: 1px solid #E4E2E2;
    border-radius: 16px;
    box-shadow: 0px 2px 2px 0px #0000001A;
}
.preview-card-img {
    gap: 10px;
}

.preview-card-img img {
    /*width: 100%;
    height: 100%;*/
    object-fit: cover;
    display: block;
    opacity: 1;
}
.preview-card-img .right-laurel {
    width: 30px;
    height: auto;
}
.preview-card-img .left-laurel {
    width: 30px;
    height: auto;
}
.preview-card-img .liblogo-app {
    width: 48px;
    height: auto;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.wrap-anywhere {
    overflow-wrap: anywhere;
}
.preview-card-wrp .preview-card-item {
    gap: 16px;
}
.quote-right {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-bg-base-content);
}
.book-title-wrapper {
    display: inline-block;
    max-width: 212px;
    vertical-align: bottom;
}
@media (min-width: 992px) and (max-width: 1380px) {
    .book-title-wrapper {
        max-width: 105px;
    }
}
.preview-card .book-title {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-bg-base-content);
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.preview-card .app-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-bg-base-content);
    vertical-align: bottom;
    overflow-wrap: anywhere;
}
.download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-libra-lineargradient);
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.3s ease;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0em;
}
    .download-btn:hover {
        color: #fff;
    }

.fbdg-entity-type {
    background: var(--color-libra-lineargradient);
    border-radius: 32px;
    display: flex;
    padding: 2px 8px 2px 8px;
    gap: 2px;
    width: fit-content;
    text-decoration: none !important;
    cursor: default;
}
.fbdg-entity-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--color-header-text);
    gap: 4px
}