/* books -------------------------------------*/

#books h2, #partnerModuleTitle h2 {
    font-size: clamp(1rem, 6vw, 4rem) !important;
    padding: 1rem;
    margin: 0;
    font-family: var(--font-heading);
    line-height: 1.2rem;
    text-align: center;
}

#books span {
    font-size: clamp(2rem, 8vw, 4rem) !important;
}


/* book 1 and 2 btn widths */
.books-container a,
.books-container-2nd-book-mobile a {
    width: 65% !important;
}

/* book-2 btn */
.books-container-2nd-book-mobile a {
    background-color: var(--color-dark-blue);
    color: #fff;
}

/* book-2 hover */
.books-container-2nd-book-mobile a:hover {
    color: var(--color-accent);
}


.books-container {
    background-color: #000;
    padding: 2rem 1rem;
}

#image-container-mobile,
#image-container-2nd-book {
    position: relative;
    padding: 2rem 0;
}

#image-container-mobile img:nth-of-type(2),
#image-container-2nd-book img:nth-of-type(2) {
    position: absolute;
    display: inline-block;
    top: 250px;
    margin: -10px 0 0 67px;
}

#image-container-mobile img:nth-of-type(2) {
    width: 45%;
    margin: -127px 0 0 17px;
}

#image-container-2nd-book img:nth-of-type(2) {
    width: 45%;
    margin: -119px 0 0 -91px;
}

.books-container-2nd-book-mobile {
    background-color: white !important;
    padding: 2rem .5rem;
}

.books-container-2nd-book-mobile h3,
.books-container-2nd-book-mobile p {
    color: var(--color-dark-blue);
}

#books h3 {
    font-size: clamp(.9rem, 6vw, 4rem) !important;
}

#books img {
    border-radius: 10px;
}

#books p {
    text-align: left;
    padding: 1rem;
    font-size: .8rem;
    line-height: 13px;
}

#books-mobile {
    display: block
}

#books-desktop {
    display: none;
}

.book-content-mobile {
    display: block
}

.book-content-desktop {
    display: none;
}

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

    #books h2, #partnerModuleTitle h2 {
        font-size: clamp(2rem, 6vw, 4rem) !important;
        line-height: 8.5vw;
    }

    #books span {
        font-size: clamp(2.6rem, 8vw, 4rem) !important;
        line-height: 2.5vw;
    }

    #books img {
        width: 80%;
        margin: 0 auto;
    }

    #books h3 {
        font-size: clamp(1.2rem, 6vw, 4rem) !important;

    }

    #books p {
        font-size: 1rem;
        line-height: 20px;
    }
}

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

    /* #partnerModuleTitle h2 {
        font-size: clamp(3rem, 10vw, 4rem) !important;
        line-height: 5.5vw !important;
    } */

    #books img {
        width: 50%;
    }

    .books-container a,
    .books-container-2nd-book-mobile a {
        width: 50% !important;
    }
}

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

    #books-mobile {
        display: none
    }

    #books-desktop {
        display: block
    }

    .books-container {
        scroll-behavior: smooth;
        background: url('../images/marble.avif') no-repeat fixed center;
        background-size: cover;
        color: #fff;
        padding: 1rem;
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    #image-container-desktop,
    #image-container-desktop-1,
    #image-container-desktop-eng,
    #image-container-desktop-1-eng {
        background-color: var(--color-blue);
        background: #ffffff;
        /* background: linear-gradient(91deg, rgba(255, 255, 255, 0.216) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 30%); */
        background-color: black;
        border-radius: 10px;
        height: 353px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 2rem;
        width: 80vw;
        margin-bottom: 70px;
    }

    #image-container-desktop-1,
    #image-container-desktop-1-eng {
        /* background: linear-gradient(-91deg, rgba(255, 255, 255, 0.216) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 30%); */
        background-color: black;
    }

    .book-content-desktop {
        content: "Hello World";
        display: block;
        border-radius: 10px;
        background-color: var(--color-dark-blue);
        border-radius: 10px;
        /* height: 35vh; */
        width: 54%;
        padding: 1rem;
    }

    #image-container-desktop p,
    #image-container-desktop-1 p,
    #image-container-desktop-eng p,
    #image-container-desktop-1-eng p {
        font-size: .8rem;
    }

    #image-container-desktop a,
    #image-container-desktop-1 a,
    #image-container-desktop-eng a,
    #image-container-desktop-1-eng a {
        font-size: clamp(1.1rem, 1.2vw, 4rem);
    }

    #image-container-desktop:after,
    #image-container-desktop-1:after,
    #image-container-desktop-eng:after,
    #image-container-desktop-1-eng:after {
        content: "";
        display: block;
        height: 487px;
        width: 327px;
        border-radius: 10px;
        background: url("../images/desktop-book-rev.png") no-repeat;
        background-size: contain;
        /* box-shadow: #4f535a 1px 2px 4px -1px; */
        margin: 2rem;
    }

    #image-container-desktop-1:after {
        background: url("../images/desktop-book-1-rev.png") no-repeat;
        background-size: contain;
        margin-top: 64px;
    }

    #image-container-desktop-eng:after {
        background: url("../images/desktop-book-rev-eng.png") no-repeat;
        background-size: contain;
    }

    #image-container-desktop-1-eng:after {
        background: url("../images/desktop-book-1-rev-eng.png") no-repeat;
        background-size: contain;
    }

    .books-container a {
        padding: .1rem;
        width: 40% !important;
        gap: 0;
    }

    #books h2, #partnerModuleTitle h2 {
        line-height: 4vw;
        color: var(--color-blue);
        font-size: 88px !important;
        line-height: 70px;
        margin-bottom: 0px;
        margin-top: 30px;
    }

    #books h3 {
        font-size: 28px !important;
        line-height: 35px;

    }

    #books span {
        font-size: 88px !important;
        margin-top: 30px;
    }

    #image-container-mobile img {
        display: none;
    }

    #image-container-mobile img:nth-of-type(2) {
        display: none;
    }

    .book-content-mobile,
    .books-container-2nd-book-mobile {
        display: none
    }

    .book-content-desktop {
        display: block;
    }

}

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

    #image-container-desktop p,
    #image-container-desktop-1 p,
    #image-container-desktop-eng p,
    #image-container-desktop-1-eng p {
        font-size: 1.1vw;
    }

    #books h3 {
        line-height: 45px;

    }
}

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

    #image-container-desktop p,
    #image-container-desktop-1 p,
    #image-container-desktop-eng p,
    #image-container-desktop-1-eng p {
        font-size: 15px;
    }

    #image-container-desktop:after,
    #image-container-desktop-1:after,
    #image-container-desktop-eng:after,
    #image-container-desktop-1-eng::after {
        height: 527px;
        width: 407px;
    }

    .books-container {
        padding: 5rem;
    }

    #image-container-desktop a,
    #image-container-desktop-1 a,
    #image-container-desktop-eng a,
    #image-container-desktop-1-eng a {
        font-size: 20px;
    }
}