/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
  1. Base CSS
*/

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

html {
    scroll-behavior: smooth;
}

:root {
    --dark-blue-color: #0a0557;
    --white-color: #ffffff;
    --gray-color: #b1b1b1;
    --black-color: #000000;
}

body {
    /* font-family: 'Roboto', sans-serif; */
    font-family: "Poppins", sans-serif;
    background: #e9e9e9;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

/*
  2. Top bar section CSS
*/

.top-bar-section {
    background-color: var(--dark-blue-color);
    padding: 10px;
}

.top-bar-section .left-side-area {
    padding: 30px 0;
}

.top-bar-section .left-side-area .logo-image {
    width: 100px;
}

.top-bar-section .left-side-area .logo-content h4 {
    font-size: 50px;
    font-weight: 600;
    color: var(--white-color);
    margin-bottom: 5px;
    letter-spacing: 3px;
}

.top-bar-section .left-side-area .logo-content p {
    font-size: 17px;
    font-weight: 500;
    color: var(--white-color);
}

.top-bar-section .right-side-area {
    padding: 30px 0 30px 20px;
}

.top-bar-section .right-side-area::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 100%;
    background-color: var(--white-color);
}

.top-bar-section .right-side-area p {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
}

/* Media query */

@media (max-width:767px) {
    .top-bar-section {
        padding: 20px 10px;
    }

    .top-bar-section .right-side-area,
    .top-bar-section .left-side-area {
        text-align: center;
        padding: 0;
    }

    .top-bar-section .right-side-area::before {
        display: none;
    }
}

@media (max-width:480px) {
    .top-bar-section .left-side-area {
        flex-direction: column;
    }

    .top-bar-section .left-side-area .logo-image {
        width: 80px;
        margin-bottom: 10px;
    }


    .top-bar-section .left-side-area .logo-content h4 {
        font-size: 28px;
        letter-spacing: 7px;
        margin-right: 0;
    }

    .top-bar-section .left-side-area .logo-content p {
        font-size: 16px;
    }

    .top-bar-section .right-side-area p {
        font-size: 15px;
    }
}


/*
  3. Header CSS
*/

.header {
    background: var(--dark-blue-color);
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
}

.offcanvas {
    border-right: none !important;
}

.header .offcanvas .btn-close:focus {
    box-shadow: none;
}

.header .navbar .navbar-nav .nav-item {
    flex-grow: 1;
    text-align: center;
}

.header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white-color);
    padding: 17px 0;
    transition: all 0.3s ease;
}

.header .navbar .navbar-nav .nav-item .nav-link.active {
    background: #ffffff33;
    color: var(--white-color);
}

.header .navbar .navbar-nav .dropdown-item {
    transition: all 0.3s ease;
}

.header .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    display: block !important;
}

.header .navbar .navbar-nav .dropdown-menu.show {
    display: none;
}

.header .navbar .navbar-toggler {
    margin: 0;
    padding: 0;
    border: none;
    color: var(--white-color);
    font-size: 25px;
}

.header .navbar .navbar-toggler:focus {
    box-shadow: none;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu {
    background: #f2f2f2;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu li a {
    font-size: 15px;
    font-weight: 400;
    color: black;
    padding: 10px 0;
}

.header .navbar .navbar-nav .dropdown-item:focus,
.header .navbar .navbar-nav .dropdown-item:hover {
    background-color: transparent;
    color: #046bd2 !important;
}

/* Media Query */

@media (max-width:767px) {
    .header {
        padding: 18px 0;
    }

    .navbar>.container {
        justify-content: center;
    }

    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 0 10px 15px;
        text-align: left;
        color: #555555;
    }

    .header .navbar .navbar-nav .nav-item .nav-link.active {
        background: transparent;
        color: var(--dark-blue-color);
    }

    .header .navbar .navbar-nav .nav-item .dropdown-menu {
        text-align: left !important;
        padding: 5px 0 5px 15px !important;
    }
}

/*
  4. LexArcheus articles section CSS
*/

.lexarcheus-articles-section {
    padding: 30px 0;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper:last-child {
    margin: 0 !important;
}

.lexarcheus-articles-section .left-side-articles-area .top-main-content-box {
    background-color: #fff3cd;
    padding: 10px 20px;
}

.lexarcheus-articles-section .left-side-articles-area .top-main-content-box .button-links-area a {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    border: 1px solid var(--black-color);
    border-radius: 5px;
    padding: 7px 17px;
    display: inline-block;
}

.lexarcheus-articles-section .left-side-articles-area .top-main-content-box h5 {
    font-size: 20px;
    font-weight: 600;
    color: #68580e;
    margin-bottom: 10px;
}

.lexarcheus-articles-section .left-side-articles-area .top-main-content-box p {
    font-size: 16px;
    font-weight: 400;
    color: #9c8242;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper {
    border: 1px solid var(--gray-color);
    padding: 10px 20px;
    background: #fff;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .left-side-img img {
    border: 1px solid var(--black-color);
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents h6 {
    font-size: 20px;
    font-weight: 500;
    color: #0270c0;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li:first-child {
    margin-top: 10px;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p {
    display: flex;
    margin-bottom: 0;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
    width: 22%;
    font-size: 17px;
    display: block;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class2 {
    width: 5%;
    font-size: 17px;
    display: block;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
    width: 73%;
    font-size: 17px;
    display: block;
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li span {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
}

.lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents .view-journal-btn {
    font-size: 17px;
    font-weight: 500;
    color: var(--white-color);
    background: #c51f32;
    border-radius: 5px;
    padding: 7px 17px;
    display: inline-block;
}

.lexarcheus-articles-section .right-side-content-area h2 {
    font-size: 35px;
    font-weight: 500;
    color: #ff0000;
}

.lexarcheus-articles-section .right-side-content-area h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-color);
}

.lexarcheus-articles-section .right-side-content-area .content-box-wrapper:last-child {
    margin: 0 !important;
}

.lexarcheus-articles-section .right-side-content-area .content-box-wrapper h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color);
}

.lexarcheus-articles-section .right-side-content-area .content-box-wrapper h5 i {
    color: #0270c0;
}

.lexarcheus-articles-section .right-side-content-area .content-box-wrapper img {
    border: 1px solid var(--black-color);
    border-radius: 20px;
    max-height: 250px;
    width: auto;
    cursor: pointer;
}

.lexarcheus-articles-section .right-side-content-area .whts-img {
    width: 300px;
}

#bookModal .modal-content {
    width: 550px;
    height: 450px;
}

#bookModal .modal-body {
    text-align: center;
}

#bookModal .modal-body img {
    border: 1px solid var(--black-color);
    border-radius: 20px;
    max-height: 350px;
    height: 350px;
    width: auto;
    cursor: pointer;
}

/* Media query */

@media (max-width:1024px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 30%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 66%;
    }
}

@media (max-width:991px) {
    .lexarcheus-articles-section .right-side-content-area h2 {
        font-size: 28px;
    }

    .lexarcheus-articles-section .right-side-content-area h4 {
        font-size: 20px;
    }

    .lexarcheus-articles-section .right-side-content-area .content-box-wrapper h5 {
        font-size: 19px;
    }
}

@media (max-width:1024px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 45%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 50%;
    }
}

@media (max-width:767px) {
    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .left-side-img img {
        max-height: 300px;
    }

    .lexarcheus-articles-section .left-side-articles-area .top-main-content-box,
    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper {
        padding: 15px;
    }

    .lexarcheus-articles-section .right-side-content-area .wp-img img {
        max-width: 300px;
    }

    .lexarcheus-articles-section .right-side-content-area .content-box-wrapper img {
        max-width: 280px;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 22%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 73%;
    }
}

@media (max-width:480px) {

    .lexarcheus-articles-section .left-side-articles-area .top-main-content-box,
    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper {
        padding: 10px;
    }
}

@media (max-width:475px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 25%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class2 {
        width: 5%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 70%;
    }
}

@media (max-width:425px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 30%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 65%;
    }
}

@media (max-width:375px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 35%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 60%;
    }
}

@media (max-width:325px) {

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 38%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 57%;
    }
}

@media (max-width: 320px) {
    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class1 {
        width: 40%;
    }

    .lexarcheus-articles-section .left-side-articles-area .article-box-wrapper .right-side-article-contents ul li p .class3 {
        width: 55%;
    }
}

/*
  5. Our indexing section CSS
*/

.our-indexing-section .top-text h4 {
    font-size: 35px;
    font-weight: 500;
    color: var(--black-color);
}

.our-indexing-section .image-list img {
    width: 15%;
}

/* Media query */

@media (max-width:991px) {
    .our-indexing-section .image-list img {
        width: 23%;
    }
}

@media (max-width:767px) {
    .our-indexing-section .image-list img {
        width: 33%;
    }

    .our-indexing-section .top-text h4 {
        font-size: 28px;
    }
}

@media (max-width:480px) {
    .our-indexing-section .image-list img {
        width: 50%;
    }
}

/*
  6. Why choose lexarcheus section CSS
*/

.why-choose-lexarcheus-section .content {
    padding: 30px 0;
}

.why-choose-lexarcheus-section .content h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color);
}

.why-choose-lexarcheus-section .content ul {
    padding-left: 20px;
}

.why-choose-lexarcheus-section .content ul li {
    list-style: disc;
    margin: 5px 0;
    font-size: 17px;
    font-weight: 400;
    color: var(--black-color);
}

.why-choose-lexarcheus-section .content p {
    font-size: 17px;
    font-weight: 400;
    color: var(--black-color);
}

/*
  7. Footer CSS
*/

.footer .footer-box-wrapper {
    padding: 20px 0;
    background: var(--dark-blue-color);
}

.footer .footer-box-wrapper h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--white-color);
}

.footer .footer-box-wrapper ul li {
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color);
}

.footer .copyright {
    padding: 10px 0;
    background-color: #eff2ef;
}

.footer .copyright p {
    color: var(--black-color);
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

/*
  8. Book chapter CSS
*/

.bookchapter-author-section {
    padding: 30px 0;
}

.bookchapter-author-box {
    border: 1px solid var(--gray-color);
    padding: 10px;
    background-color: var(--white-color);
}

.bookchapter-author-section .bookchapter-author-box .right-side-content h5 {
    font-size: 20px;
    font-weight: 600;
    color: #0270c0;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.bookchapter-author-section .bookchapter-author-box .right-side-content p {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.bookchapter-author-section .bookchapter-author-box .right-side-content h6 {
    font-size: 17px;
    font-weight: 400;
    color: var(--black-color);
    margin-bottom: 10px;
    display: flex;
}

.bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
    width: 20%;
    display: block;
}

.bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class2 {
    width: 5%;
    display: block;
}

.bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
    width: 75%;
    display: block;
}


.bookchapter-author-section .bookchapter-author-box .right-side-content h6 b {
    font-weight: 600;
}

/* Media query */

@media (max-width:1024px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 30%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 65%;
    }
    
}

@media (max-width:991px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 35%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 60%;
    }
    
}

@media (max-width:767px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 {
        font-size: 15px;
    }

    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 46%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 49%;
    }
    
}

@media (max-width:575px) {
    .bookchapter-author-section .cust-m:last-child {
        margin: 0 !important;
    }

    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 25%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 70%;
    }
}

@media (max-width:450px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 30%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 65%;
    }
}

@media (max-width:375px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 40%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 55%;
    }
}

@media (max-width:320px) {
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class1 {
        width: 45%;
    }
    
    .bookchapter-author-section .bookchapter-author-box .right-side-content h6 .class3 {
        width: 50%;
    }
}

/*
  9. LexArcheus services section CSS
*/

.lexarcheus-services-section .index_area_banner_box {
    padding: 20px 30px 20px 20px;
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.lexarcheus-services-section .index_area_banner_box .index_banner_left_side_icon {
    font-size: 23px;
}

.lexarcheus-services-section .index_area_banner_box .index_banner_right_side_text h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.lexarcheus-services-section .index_area_banner_box .index_banner_right_side_text p {
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
}

@media (max-width:575px) {
    .lexarcheus-services-section .index_area_banner_box {
        padding: 20px;
    }
}


/*
  10. Award CSS
*/

.award-section {
    padding: 30px 0;
}

.award-section .top-main-content-box {
    background-color: #fff3cd;
    padding: 10px 20px;
}

.award-section .top-main-content-box h5 {
    font-size: 20px;
    font-weight: 600;
    color: #68580e;
    margin-bottom: 10px;
}

.award-section .top-main-content-box p {
    font-size: 16px;
    font-weight: 400;
    color: #9c8242;
    margin-bottom: 10px;
}

.award-section .award-main-box {
    border: 1px solid var(--gray-color);
    padding: 15px 20px;
    background-color: var(--white-color);
}

.award-section .award-main-box .award-points li p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(63 63 63);
    display: flex;
}

.award-section .award-main-box .award-points li p .class1 {
    width: 20%;
    font-weight: 700;
    color: #313131;
    display: block;
}

.award-section .award-main-box .award-points li p .class2 {
    width: 2%;
    display: block;
}

.award-section .award-main-box .award-points li p .class3 {
    width: 78%;
    display: block;
}

.award-section .award-main-box .award-img img {
    height: 220px;
}

/* Media Query */

@media (max-width: 767px) {
    .award-section .award-main-box .award-img {
        margin-top: 20px;
    }

    .award-section .award-main-box .award-points li p .class1 {
        width: 30%;
    }

    .award-section .award-main-box .award-points li p .class3 {
        width: 68%;
    }
}

@media (max-width: 375px) {
    .award-section .award-main-box .award-points li p .class1 {
        width: 35%;
    }

    .award-section .award-main-box .award-points li p .class3 {
        width: 63%;
    }
}

@media (max-width: 320px) {
    .award-section .award-main-box .award-points li p {
        font-size: 14px;
    }

    .award-section .award-main-box .award-points li p .class1 {
        width: 45%;
    }

    .award-section .award-main-box .award-points li p .class2 {
        width: 5%;
        display: block;
    }

    .award-section .award-main-box .award-points li p .class3 {
        width: 50%;
    }

    .award-section .award-main-box .award-img img {
        height: 250px;
    }

    .award-section .top-main-content-box h5 {
        font-size: 18px;
        font-weight: 600;
        color: #68580e;
    }
}

.author-card {
  background-color: #fff;
  border-radius: 12px;
  margin: 10px 5px;
  padding: 15px;
  position: relative;
  text-align: left;
  height: 100%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.author-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.author-card img {
  border-radius: 12px;
  width: 100%;
  height: 180px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.author-card:hover img {
  transform: scale(1.05);
}

.author-card h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin: 12px 0 6px;
  line-height: 1.2;
}

.author-card h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  margin: 0 0 8px;
  line-height: 1.4;
}

/* Optional: subtle separator line */
.author-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #007bff; /* Bootstrap primary blue */
  border-radius: 2px;
  margin-top: 6px;
}

/* Make the entire card clickable */
.author-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: transparent;
}

.carousel-control-prev,
.carousel-control-next {
  width: 6%;
}

.carousel-indicators {
  bottom: -30px;
}

.carousel-indicators [data-bs-target] {
  background-color: #007bff;
  opacity: 0.7;
}
.carousel-indicators [data-bs-target].active {
  opacity: 1;
}

.book-launches-section {
  background-color: #fff;
}

.book-launches-swiper {
  padding-bottom: 40px; /* space for pagination */
}

.swiper-slide-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(62, 44, 65, 0.15);
  transition: transform 0.3s ease;
}

.swiper-slide-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(62, 44, 65, 0.25);
}

/* Override Swiper navigation colors */
.swiper-button-prev,
.swiper-button-next {
  color: #FF6F61; /* coral color for consistency */
}

.swiper-pagination-bullet {
  background-color: #FF6F61;
  opacity: 0.6;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}