body {
    font-family: 'Monserrat', sans-serif;
}

header {
    padding: 20px 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 20;
    transition: all 0.3s;
}

.logo {
    width: 280px;
}

.logo img {
    width: 100%;
}

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

.btn {
    --bs-btn-border-radius: 14px;
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 10px;
}

.menu-search {
    flex: 100%;
    padding: 0 20px;
}

.menu-search .btn-outline-secondary {
    color: #6C5DD3;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-bg: #F0EEFF;
}

.menu-search .form-control {
    padding: 1rem;
}

.menu-append .btn {
    padding: 1rem;
}

.menu-append, .menu-logo {
    flex: 400px
}

.menu-append {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    gap: 8px
}

footer {
    background-color: #6C5DD3;
    padding: 40px 0;
    color: #fff;
}

footer .logo {
    margin-bottom: 20px;
}

footer a {
    color: #fff;
    text-decoration: none;
}

.feature-books {
    background-color: #F2F0FE;
    padding: 30px 0;
}

.feature-books .block {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 25px 33px 0 rgba(108, 93, 211, 0.25);
    display: flex;
    padding: 30px;
}

.feature-books .block .cover {
    max-width: 300px;
}

.feature-books .envelope {
    padding-left: 30px;
}

.feature-books .cover img {
    border-radius: 14px;
    width: 100%;
}

.feature-books .left-block {
    display: flex;
    flex-direction: column;
}

.feature-books .right-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
    margin-top: 68px;
}

.feature-books .body {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.feature-books .text {
    margin: 20px 0;
    font-size: 14px;
}

ul.info {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.info span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #aaa;
}

ul.info p {
    color: #11142D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

ul.info li {
    margin: 0;
    padding: 0;
}

ul.info .author a {
    display: flex;
    flex-direction: row;
    text-decoration: none;
}

ul.info .author img {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    margin-right: 10px;
}

.btn-light {
    background-color: #F0F0F0;
}

.features {
    padding: 20px 0;
}

.feature-item a {
    color: #000000;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
}

.feature-icon {
    height: 60px;
    width: 84px;
    margin-right: 24px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    background-color: #F0EEFF;
    color: #6C5DD3;
}

.feature-content {
    width: 100%;
}

.feature-item h4 {
    color: #11142D;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
}

.feature-item p {
    color: #AAAAAA;
    font-size: 14px;
    margin-bottom: 0;
}

.books {
    padding: 20px 0;
}

.books h2, .latest-news h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.feature-books .left-block h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.books .header, .latest-news .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 10px 0;
}

.books .item .cover img {
    border-radius: 14px;
    border: 1px solid #ddd;
}

.books .item h3 {
    color: #11142D;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 18px 0
}

.books a {
    text-decoration: none;
}

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

.tags a {
    color: #6C5DD3;
    display: inline;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

.tags a + a:before {
    /*content: ",";*/
}

.tags-bg a {
    background-color: #F0EEFF;
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 14px;
    font-weight: bold;
}

.latest-news {
    padding: 40px 0;
}

.latest-news a.item {
    text-decoration: none;
    color: #11142D;
}

.latest-news .body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
}

.latest-news p {
    color: rgba(0, 0, 0, 0.80);
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.latest-news h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 18px 0 0;
}

.latest-news .cover img {
    width: 100%;
}

.stat .body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
}

.stat .icon {
    font-size: 64px;
    color: #6C5DD3;
    margin-bottom: 20px;
}

.stat .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
}

.stat p {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #aaa;
    text-align: center;
}

.stat h3 {
    color: #11142D;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.stat img {
    width: 100px;
}

footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer h6 {
    font-weight: bold;
    font-size: 20px;
}

footer li {
    padding-bottom: 14px;
}

footer a {
    color: #E2E2E2;
}

footer svg {
    width: 24px;
    height: 24px !important;
}

footer .address span {
    margin-right: 10px;
}

.social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.social li {
    margin-right: 10px;
}

.social li a {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-top: 4px;
    height: 48px;
    width: 48px;
    background-color: #fff;
    border-radius: 4px;
}

.social svg {
    height: 20px !important;
}

footer img {
    max-width: 100%;
}

.map {
    width: 100%;
}

.map iframe {
    border-radius: 14px;
}

.more {
    background-color: #6C5DD3;
    color: #fff !important;
    border-radius: 14px;
    padding: 10px 20px;
    font-size: 14px;
}

.sliders {
    margin-bottom: 20px;
}

.sliders .btn {
    margin-bottom: 8px;
}

.sliders .body {
    width: 70%;
}

.sliders .item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #F2F0FE;
    padding: 0 80px;
    border-radius: 24px;
    height: 420px;
    position: relative;
    overflow: hidden;
}

.sliders .symbols, .popular .symbols {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
}

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

.sliders .cover img {
    width: 200px;
}

.sliders h3 {
    font-size: 32px;
    color: #11142D;
    position: relative;
    z-index: 2;
}

.sliders p {
    color: #11142D;
    position: relative;
    z-index: 2;
}

.cover-container {
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 700px;
}

@keyframes initAnimation {
    0% {
        transform: rotateY(-8deg);
    }
    100% {
        transform: rotateY(-25deg);
    }
}

.cover-img {
    width: 200px;
    height: 300px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateY(-25deg);
    transition: 2s ease;
    animation: 1s ease 0s 1 initAnimation;
}

.cover-container:hover .cover-img,
.cover-container:focus .cover-img {
    transform: rotateY(-8deg);
}

.cover-img > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 300px;
    transform: translateZ(25px);
    background-color: #01060f;
    border-radius: 0 2px 2px 0;
    box-shadow: 5px 5px 20px #666;
}

.cover-img::before {
    position: absolute;
    content: ' ';
    left: 0;
    top: 3px;
    width: 48px;
    height: 294px;
    transform: translateX(172px) rotateY(90deg);
    background: blue linear-gradient(90deg,
    #fff 0%,
    #f9f9f9 5%,
    #fff 10%,
    #f9f9f9 15%,
    #fff 20%,
    #f9f9f9 25%,
    #fff 30%,
    #f9f9f9 35%,
    #fff 40%,
    #f9f9f9 45%,
    #fff 50%,
    #f9f9f9 55%,
    #fff 60%,
    #f9f9f9 65%,
    #fff 70%,
    #f9f9f9 75%,
    #fff 80%,
    #f9f9f9 85%,
    #fff 90%,
    #f9f9f9 95%,
    #fff 100%
    );
}

.cover-img::after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 200px;
    height: 300px;
    transform: translateZ(-25px);
    background-color: #01060f;
    border-radius: 0 2px 2px 0;
    box-shadow: -10px 0 50px 10px #666;
}

.sliders .symbol-1 {
    position: absolute;
    left: 40px;
    top: 30px;
    width: 38px;
    height: 54px;
}

.sliders .symbol-2 {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 62px;
    height: 29px;
    z-index: 2;
}

.sliders .symbol-3 {
    position: absolute;
    right: 0;
    top: -100px;
    width: 240px;
    height: 363px;
}

.sliders .symbol-4 {
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 340px;
    height: 129px;
}

.popular .symbol-3 {
    position: absolute;
    left: -100px;
    bottom: -100px;
    width: 216px;
    height: 216px;
    color: #F5DCC8;
}

.popular .symbol-2 {
    color: #FF9F59;
    position: absolute;
    right: 100px;
    top: 30px;
    width: 62px;
    height: 28px;
}

.popular .symbol-1 {
    position: absolute;
    right: -150px;
    top: -150px;
    width: 300px;
    height: 300px;
    color: #F5DCC8;
}

.popular .type-2 .envelope {
    background-color: #E6F1FC;
}

.popular .type-2 .symbol-1 {
    color: #D7EBFF;
}

.popular .type-2 .symbol-2 {
    color: #88C6FF;
}

.popular .type-2 .symbol-3 {
    color: #D7EBFF;
}

.menu-icon, .search-icon {
    width: 24px;
    height: 24px;
}

.sliders .symbol-2 {
    color: #6C5DD3;
}

.popular {
    position: relative;
    margin: 20px 0 20px 0;
}

.popular .envelope {
    background-color: #FFF6EF;
    border-radius: 14px;
    padding: 40px 40px 20px;
    position: relative;
    overflow: hidden;
}

.popular .type-1 .envelope {
    margin-right: 4px;
}

.popular .type-2 .envelope {
    margin-left: 4px;
}

.popular h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    z-index: 2;
    position: relative;
}

.popular p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 2;
    position: relative;
}

.popular .icon-chevron {
    width: 24px;
    height: 24px;
}

.popular .owl-prev, .popular .owl-next {
    position: absolute;
    top: 40%;
    left: -40px;
    width: 50px;
    height: 50px;
    background-color: transparent !important;
}

.owl-prev i, .owl-next i {
    background-color: #fff !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    color: #949494 !important;
    border-radius: 50%;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
}

.owl-prev i:hover, .owl-next i:hover {
    background-color: #1F6BFF !important;
    color: #fff !important;
}

.popular .owl-next, .useful .owl-next {
    right: -40px;
    left: auto;
}

.breadcrumb-item a {
    text-decoration: none;
    --bs-link-color: #6C5DD3
}

.books-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.books-list {
    grid-template-columns: repeat(1, 1fr);
}

.book-item {
    border-radius: 14px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    padding: 16px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.book-item:hover {
    box-shadow: 0 25px 33px 0 rgba(108, 93, 211, 0.25);
}

.book-item a {
    text-decoration: none;
}

.book-item__image img {
    width: 100%;
    border-radius: 14px;
}

.book-item__tags {
    padding: 10px 0;
}

.book-item__body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.book-item__body--header {
    display: flex;
}

.books-list .book-item__header {
    display: flex;
    justify-content: space-between;
}

.book-item__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 16px;
}

.book-item__title {
    color: #11142D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.books-list .book-item {
    flex-direction: row;
}

.books-list .book-item__content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.books-list .book-item__image {
    width: 220px;
    margin-right: 16px;
}

.ratings {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 10px 0;
}

.ratings i {
    color: #E1E1E1;
}

.rating-number {
    margin-left: 10px;
    margin-right: 10px;
    color: #FF754C !important;
    font-style: normal;
    font-weight: bold;
}

.rating-reviews {
    color: #aaa;
}

.reviews-count {
    color: #11142D;
}

.reviews-count .fa {
    color: #6C5DD3;
    margin-right: 10px;
}

.rating-color {
    color: #FF754C !important;
}

.ratings svg {
    width: 24px;
    height: 24px;
}

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

.book-item-grid-content {
    display: none;
}

.books-list .book-item-grid-content {
    display: flex;
    flex-direction: column;
}

.books-grid .info {
    display: flex;
}

.books-grid .info li {
    margin-right: 20px;
}

.books-wrapper {
    display: flex;
}

.books-wrapper .sidebar {
    display: none;
}

.books-wrapper .sidebar.active {
    width: 340px;
    display: block;
    margin-right: 16px;
    margin-bottom: 20px;
}

.books-wrapper .sidebar .card {
    --bs-card-border-color: #F0F0F0;
    --bs-card-cap-bg: #F0F0F0;
}

.books-wrapper .main {
    width: 100%;
}

.books-toolbar svg, .icon-sort {
    width: 24px;
    height: 24px;
}

.books-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #F0F0F0;
    padding: 0 20px;
    margin-bottom: 20px;
}

.books-toolbar ul[class='filter'] {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.books-toolbar a {
    text-decoration: none;
    color: #11142D;
}

.books-toolbar .left .active a {
    font-weight: bold;
}

.books-toolbar .dropdown {
    border-left: 1px solid #F0F0F0;
    padding: 8px 0;
}

.books-toolbar ul[class='filter'] li {
    margin-right: 16px;
}

.books-toolbar ul[class='filter'] a {
    color: #aaa;
}

.books-toolbar ul[class='filter'] li.active a {
    color: #6C5DD3;
}

.books-toolbar .right {
    display: flex;
    align-items: center;
}

.books-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.pagination {
    --bs-pagination-color: #6C5DD3;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #6C5DD3;
    --bs-pagination-active-border-color: #6C5DD3;
}

.btn-svg {
    width: 24px;
    height: 24px;
}

.btn .fa {
    margin-right: 10px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6C5DD3;
    --bs-btn-border-color: #6C5DD3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6153bd;
    --bs-btn-hover-border-color: #6153bd;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6153bd;
    --bs-btn-active-border-color: #6153bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6C5DD3;
    --bs-btn-disabled-border-color: #6C5DD3;
}

.btn-outline-primary {
    --bs-btn-color: #6C5DD3;
    --bs-btn-bg: #EBE8FE;
    --bs-btn-border-color: #EBE8FE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6C5DD3;
    --bs-btn-hover-border-color: #EBE8FE;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #6C5DD3;
    --bs-btn-active-bg: #6C5DD3;
    --bs-btn-active-border-color: #EBE8FE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6C5DD3;
    --bs-btn-disabled-bg: #EBE8FE;
    --bs-btn-disabled-border-color: #EBE8FE;
    fill: #6C5DD3;
}

.btn-outline-primary:hover svg {
    fill: #fff;
}

.book-view {
    display: flex;
    padding: 20px 0;
}

.book-item__actions .btn {
    display: flex;
    align-items: center;
    align-content: center;
}

.book-item__actions .btn svg {
    margin-right: 10px;
    width: 24px;
    height: 20px;
}

.book-view .cover {
    width: 340px;
    margin-right: 20px;
}

.book-view .content {
    width: 100%;
}

.book-view .content:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='1157' height='2' viewBox='0 0 1157 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1C0.5 0.723858 0.723858 0.5 1 0.5H3.00521V0H11.026V0.5H15.0365V0H23.0573V0.5H27.0677V0H35.0885V0.5H39.099V0H47.1198V0.5H51.1302V0H59.151V0.5H63.1615V0H71.1823V0.5H75.1927V0H83.2135V0.5H87.224V0H95.2448V0.5H99.2552V0H107.276V0.5H111.286V0H119.307V0.5H123.318V0H131.339V0.5H135.349V0H143.37V0.5H147.38V0H155.401V0.5H159.411V0H167.432V0.5H171.443V0H179.464V0.5H183.474V0H191.495V0.5H195.505V0H203.526V0.5H207.536V0H215.557V0.5H219.568V0H227.589V0.5H231.599V0H239.62V0.5H243.63V0H251.651V0.5H255.661V0H263.682V0.5H267.693V0H275.714V0.5H279.724V0H287.745V0.5H291.755V0H299.776V0.5H303.786V0H311.807V0.5H315.818V0H323.839V0.5H327.849V0H335.87V0.5H339.88V0H347.901V0.5H351.911V0H359.932V0.5H363.943V0H371.964V0.5H375.974V0H383.995V0.5H388.005V0H396.026V0.5H400.036V0H408.057V0.5H412.068V0H420.089V0.5H424.099V0H432.12V0.5H436.13V0H444.151V0.5H448.161V0H456.182V0.5H460.193V0H468.214V0.5H472.224V0H480.245V0.5H484.255V0H492.276V0.5H496.286V0H504.307V0.5H508.318V0H516.339V0.5H520.349V0H528.37V0.5H532.38V0H540.401V0.5H544.411V0H552.432V0.5H556.443V0H564.464V0.5H568.474V0H576.495V0.5H580.505V0H588.526V0.5H592.536V0H600.557V0.5H604.568V0H612.589V0.5H616.599V0H624.62V0.5H628.63V0H636.651V0.5H640.661V0H648.682V0.5H652.693V0H660.714V0.5H664.724V0H672.745V0.5H676.755V0H684.776V0.5H688.786V0H696.807V0.5H700.818V0H708.839V0.5H712.849V0H720.87V0.5H724.88V0H732.901V0.5H736.911V0H744.932V0.5H748.943V0H756.964V0.5H760.974V0H768.995V0.5H773.005V0H781.026V0.5H785.036V0H793.057V0.5H797.068V0H805.089V0.5H809.099V0H817.12V0.5H821.13V0H829.151V0.5H833.161V0H841.182V0.5H845.193V0H853.214V0.5H857.224V0H865.245V0.5H869.255V0H877.276V0.5H881.286V0H889.307V0.5H893.318V0H901.339V0.5H905.349V0H913.37V0.5H917.38V0H925.401V0.5H929.411V0H937.432V0.5H941.443V0H949.464V0.5H953.474V0H961.495V0.5H965.505V0H973.526V0.5H977.536V0H985.557V0.5H989.568V0H997.589V0.5H1001.6V0H1009.62V0.5H1013.63V0H1021.65V0.5H1025.66V0H1033.68V0.5H1037.69V0H1045.71V0.5H1049.72V0H1057.74V0.5H1061.76V0H1069.78V0.5H1073.79V0H1081.81V0.5H1085.82V0H1093.84V0.5H1097.85V0H1105.87V0.5H1109.88V0H1117.9V0.5H1121.91V0H1129.93V0.5H1133.94V0H1141.96V0.5H1145.97V0H1153.99V0.5H1156C1156.05 0.5 1156.09 0.505966 1156.13 0.516884L1156.26 0.0338456C1156.6 0.125855 1156.87 0.396899 1156.97 0.741096L1156.48 0.870215C1156.49 0.911055 1156.5 0.954447 1156.5 1C1156.5 1.04555 1156.49 1.08895 1156.48 1.12978L1156.97 1.2589C1156.87 1.6031 1156.6 1.87415 1156.26 1.96615L1156.13 1.48312C1156.09 1.49403 1156.05 1.5 1156 1.5H1153.99V2H1145.97V1.5H1141.96V2H1133.94V1.5H1129.93V2H1121.91V1.5H1117.9V2H1109.88V1.5H1105.87V2H1097.85V1.5H1093.84V2H1085.82V1.5H1081.81V2H1073.79V1.5H1069.78V2H1061.76V1.5H1057.74V2H1049.72V1.5H1045.71V2H1037.69V1.5H1033.68V2H1025.66V1.5H1021.65V2H1013.63V1.5H1009.62V2H1001.6V1.5H997.589V2H989.568V1.5H985.557V2H977.536V1.5H973.526V2H965.505V1.5H961.495V2H953.474V1.5H949.464V2H941.443V1.5H937.432V2H929.411V1.5H925.401V2H917.38V1.5H913.37V2H905.349V1.5H901.339V2H893.318V1.5H889.307V2H881.286V1.5H877.276V2H869.255V1.5H865.245V2H857.224V1.5H853.214V2H845.193V1.5H841.182V2H833.161V1.5H829.151V2H821.13V1.5H817.12V2H809.099V1.5H805.089V2H797.068V1.5H793.057V2H785.036V1.5H781.026V2H773.005V1.5H768.995V2H760.974V1.5H756.964V2H748.943V1.5H744.932V2H736.911V1.5H732.901V2H724.88V1.5H720.87V2H712.849V1.5H708.839V2H700.818V1.5H696.807V2H688.786V1.5H684.776V2H676.755V1.5H672.745V2H664.724V1.5H660.714V2H652.693V1.5H648.682V2H640.661V1.5H636.651V2H628.63V1.5H624.62V2H616.599V1.5H612.589V2H604.568V1.5H600.557V2H592.536V1.5H588.526V2H580.505V1.5H576.495V2H568.474V1.5H564.464V2H556.443V1.5H552.432V2H544.412V1.5H540.401V2H532.38V1.5H528.37V2H520.349V1.5H516.339V2H508.318V1.5H504.307V2H496.286V1.5H492.276V2H484.255V1.5H480.245V2H472.224V1.5H468.214V2H460.193V1.5H456.182V2H448.161V1.5H444.151V2H436.13V1.5H432.12V2H424.099V1.5H420.089V2H412.068V1.5H408.057V2H400.037V1.5H396.026V2H388.005V1.5H383.995V2H375.974V1.5H371.964V2H363.943V1.5H359.932V2H351.912V1.5H347.901V2H339.88V1.5H335.87V2H327.849V1.5H323.839V2H315.818V1.5H311.807V2H303.786V1.5H299.776V2H291.755V1.5H287.745V2H279.724V1.5H275.714V2H267.693V1.5H263.682V2H255.662V1.5H251.651V2H243.63V1.5H239.62V2H231.599V1.5H227.589V2H219.568V1.5H215.557V2H207.537V1.5H203.526V2H195.505V1.5H191.495V2H183.474V1.5H179.464V2H171.443V1.5H167.432V2H159.411V1.5H155.401V2H147.38V1.5H143.37V2H135.349V1.5H131.339V2H123.318V1.5H119.307V2H111.287V1.5H107.276V2H99.2553V1.5H95.2449V2H87.224V1.5H83.2137V2H75.1928V1.5H71.1824V2H63.1615V1.5H59.1511V2H51.1302V1.5H47.1199V2H39.099V1.5H35.0886V2H27.0678V1.5H23.0574V2H15.0365V1.5H11.0262V2H3.0053V1.5H1.00003C0.723867 1.5 0.5 1.27613 0.5 1Z' stroke='%23AAAAAA' stroke-dasharray='4 8'/%3E%3C/svg%3E%0A");
}

.book-view .info li {
    margin-right: 20px;
}

.book-view .cover img {
    width: 100%;
    border-radius: 14px;
}

.book-view .header {
    display: flex;
}

.book-view ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.book-view .header ul li {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.book-view .header .ratings {
    margin-right: 20px;
}

.share-list li {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.share-list {
    margin-left: auto !important;
    list-style-type: none;
    padding: 0;
    display: flex;
}

.share-link-btn {
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 14px;
    color: #fff;
}

.share-list .fa-brands {
    margin-right: 10px;
}

.share-link-btn svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}

.s_facebook {
    background-color: #1E33E5;
}

.s_twitter {
    background-color: #61C3E2;
}

.s_telegram {
    background-color: #2AABEE;
}

.facebook {
    color: #1E33E5;
}

.telegram {
    color: #2AABEE
}

.twitter {
    color: #61C3E2
}

.instagram {
    color: #E1306C
}

.book-view p {
    color: rgba(0, 0, 0, 0.70);
}

.book-view .header ul svg {
    width: 20px;
    height: 20px;
    margin-right: 9px;
}

.related-books .item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.book-view-details .table td {
    padding: 10px 20px;
}

.book-view-details .table .name {
    font-weight: 700;
    width: 30%;
}

.related-books .cover img {
    width: 100%;
    border-radius: 14px;
}

.related-books .cover {
    width: 80px;
    margin-right: 10px;
}

.related-books a {
    text-decoration: none;
}

.related-books .title {
    font-size: 18px;
    font-weight: 700;
    color: #11142D;
}

.related-books .ratings {
    justify-content: flex-start;
}

footer .apps {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-content: center;
    justify-content: flex-start;
}

.apps li {
    margin: 8px 0;
}

.apps img {
    height: 48px;
    width: auto;
}

.apps img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.apps a {
    position: relative;
    display: inline-block;
}

.news-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
}

.news-item {
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    border: 1px solid #F0F0F0;
}

.news-cover {
    border-bottom: 4px solid #1F6BFF;
}

.news-cover img {
    width: 100%;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.news-content {
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: auto;
    height: 100%;
}

.news-content h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
    flex-grow: 1;
}

.news-footer {
    display: flex;
    padding-top: 10px;
    margin-top: auto;
    justify-content: space-between;
    color: #9A9A9A;
}

.news-footer .icon {
    margin-right: 6px;
}

.page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    align-content: center;
}

.page-head .news-footer {
    padding: 0;
    margin-top: 0;
}

.page-head .news-footer .date {
    margin-right: 20px;
}

.sidebar .card {
    margin-bottom: 20px;
}

.menus {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    background: rgba(255, 255, 255, 0.75);
    transition: all 0.4s;
    transform: scale(0);
    opacity: 0;
}

.open-menu .menus {
    height: 100vh;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: scale(1);
    z-index: 19;
    opacity: 1;
}

#menu-btn .layer-2 {
    display: none;
}

.open-menu #menu-btn .layer-1 {
    display: none;
}

.open-menu #menu-btn .layer-2 {
    display: block;
}

.wrapper {
    padding-top: 104px;
}

body.open-menu {
    overflow: hidden;
}

.open-menu header {
    position: fixed;
}

.menus .container {
    padding-top: 140px;
}

.menus ul {
    min-width: 360px;
}

.menus a {
    font-size: 20px;
    color: #01060f;
    text-decoration: none;
    font-weight: bold;
}

.menus li {
    position: relative;
    margin-bottom: 10px;
    transition: all .3s;
}

.menus li:hover {
    padding-left: 20px;
}

.menus .parent a:hover {
    color: #9A9A9A;
}

.menus .child {
    position: absolute;
    width: 360px;
    left: 360px;
    padding-left: 50px;
    top: 0;
    opacity: 0;
    transform: translateX(50px);
    pointer-events: none;
    transition: all 0.3s;
}

.menus li:hover ul {
    opacity: 1;
    transform: translateX(0px);
    pointer-events: auto;
}

.page-body img {
    max-width: 100%;
}


.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    z-index: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.preloader.active {
    opacity: 1;
    z-index: 9999;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.loader::before, .loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #6C5DD3;
    animation: prixClipFix 2s linear infinite;
}

.loader::after {
    border-color: #FF3D00;
    animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
    inset: 6px;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }
    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.authors {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-content: center;
    gap: 20px;
}

.authors a {
    text-decoration: none;
    color: #11142D;
}

.author-item__cover img, .author-cover img {
    width: 100%;
    border-radius: 14px;
}

.author-item__name {
    font-size: 16px;
    font-weight: 700;
    color: #11142D;
    margin-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.author-item__text {
    font-size: 14px;
    color: #9A9A9A;
}

.author-detail {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.author-cover {
    width: 160px;
    margin-right: 20px;
}

#sidebar-toggle {
    display: none;
}

.avatar {
    width: 100%;
}

header .avatar {
    width: 58px;
    height: 58px;
    border-radius: 14px;
}

.dropdown-user {
    padding: 0 !important;
}

.profile-page-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.profile-page-menu li {
    margin-bottom: 4px;
}

.profile-page-menu li a {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    color: #6C5DD3;
    text-decoration: none;
}

.profile-page-menu li:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ddd;
}

.profile-page-menu li i {
    margin-right: 10px;
}

.profile-page-menu .active {
    background-color: #6C5DD3;
    border-radius: 14px;
}

.profile-page-menu .active a {
    color: #fff;
}

.profile .title {
    font-size: 18px;
    font-weight: 700;
    color: #6C5DD3;
    margin-bottom: 20px;
}

.profile {
    padding-bottom: 20px;
}

.book_comments {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 0;
}

.comment__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 20px;
}

.comment__avatar {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    margin-right: 20px;
}

.comment__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.comment__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.comment__user {
    width: 100%;
    flex: 1;
}

.comment__name {
    font-size: 18px;
    font-weight: 600;
    color: #11142D;
    margin-bottom: 0;
}

.comment__date {
    font-size: 14px;
    color: #AAAAAA;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment__text {
    color: #11142D;
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.profile-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.profile-avatar {
    position: relative;
    margin-right: 20px;
}

.profile-avatar-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #6C5DD3;
    border-radius: 14px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.profile-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 14px;
}

header {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    margin-bottom: 10px;
}

.wrapper {
    padding-top: 114px;
}