

.seolab-book .ft-sec .ft-sec-items{
    gap: 100px;
}
.seolab-book .translator-box{
    text-align: center;
}
.seolab-book .tr-ti{
    display: none;
}
.seolab-book .text-primary{
    color: #345686 !important;
}
.seolab-book .header-wrapper{
    background: url("../images/books/header.png") no-repeat center 0;
    background-size: 100% 100%;
    height: 520px;
    border-radius: 8px;
}
.seolab-book .header-wrapper .position-absolute{
    top: 35%;
    right: 75px;
}
/*.accordion{*/
/*    -webkit-box-shadow: 0px 0px 10px 3px rgba(9,9,9,0.2);*/
/*    -moz-box-shadow: 0px 0px 10px 3px rgba(9,9,9,0.2);*/
/*    box-shadow: 0px 0px 10px 3px rgba(9,9,9,0.2);*/
/*    border-radius: 8px;*/
/*}*/
/*.accordion-item{*/
/*    border-bottom: 1px solid #CCC;*/
/*}*/
.seolab-book .accordion-item {
    box-shadow: 0px 0px 10px 3px rgba(9, 9, 9, 0.1);
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}
.seolab-book .btn-lg, .seolab-book .btn-lg:hover, .seolab-book .btn-lg:active, .seolab-book .btn-lg:focus{
    font-size: 18px;
    padding-right: 25px;
    padding-left: 25px;
}
.seolab-book .book-items{
    gap: 50px;
}
.seolab-book .book-items img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


@media (max-width: 768px) {
    .seolab-book .header-wrapper{
        background: url("../images/books/header_mobile.png") no-repeat center 0;
        background-size: cover;
        height: 280px;
    }
    .seolab-book .header-wrapper .position-absolute{
        top: auto;
        bottom: 15px;
        left: 0;
        right: 0;
        text-align: center;
    }
    .seolab-book .header-wrapper .position-absolute > div:first-child{
        font-size: 35px !important;
    }
    .seolab-book .header-wrapper .position-absolute > div:last-child{
        font-size: 17px !important;
    }
    .seolab-book .ft-sec .ft-sec-items{
        gap: 10px;
    }
    .seolab-book .ft-sec .ft-sec-items > div{
        width: 25%;
    }
    .seolab-book .ft-sec .ft-sec-items > div > img{
        width: 55%;
    }
    .seolab-book .ft-sec .ft-sec-items > div > div{
        font-size: 15px;
        font-weight: normal !important;
    }
    .seolab-book .translator-box{
        text-align: right;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .seolab-book .translator-box img{
        width: 35%;
    }
    .seolab-book .tr-ti{
        display: block;
    }
    .seolab-book .tr-ti-lg{
        display: none;
    }
    .seolab-book .book-items{
        gap: 10px;
    }
    .seolab-book .book-items .text-center .text-primary{
        font-size: 14px;
    }
}


.seolab-book .ft-sec-items, .seolab-book .book-items {
    flex-wrap: wrap;
}
@media (max-width: 575.98px) {
    .seolab-book .ft-sec-items > div, .seolab-book .book-items > div {
        flex: 0 1 calc(50% - 12px);
        min-width: 0;
    }
    .seolab-book .ft-sec-items {
        gap: 24px 12px;
    }
    .seolab-book .book-items {
        gap: 24px 12px;
    }
    .seolab-book .header-wrapper .position-absolute > div:first-child {
        font-size: clamp(1.5rem, 6vw, 2rem) !important;
        line-height: 1.6;
    }
}
