@font-face {
    font-family: 'AMBILE';
    src: url('../fonts/ambile_shadow/AMBILE.woff2?v=1.1') format('woff2'),
        url('../fonts/ambile_shadow/AMBILE.woff?v=1.1') format('woff');
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'AMBILE SK Shadow';
    src: url('../fonts/ambile_shadow/AMBILESKShadow.woff2?v=1.1') format('woff2'),
        url('../fonts/ambile_shadow/AMBILESKShadow.woff?v=1.1') format('woff');
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'MB Lateefi Sans';
    src: url('../fonts/latifi-sans/MBLateefiSans-Bold.woff2') format('woff2'),
        url('../fonts/latifi-sans/MBLateefiSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'MB Lateefi Sans';
    src: url('../fonts/latifi-sans/MBLateefiSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/latifi-sans/MBLateefiSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
  
@font-face {
    font-family: 'MB Lateefi Sans';
    src: url('../fonts/latifi-sans/MBLateefiSans-Italic.woff2') format('woff2'),
        url('../fonts/latifi-sans/MBLateefiSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
  
@font-face {
    font-family: 'MB Lateefi Sans';
    src: url('../fonts/latifi-sans/MBLateefiSans.woff2') format('woff2'),
        url('../fonts/latifi-sans/MBLateefiSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --sskg-font-heading: 'AMBILE SK Shadow';
    --sskg-font-default: 'MB Lateefi Sans';
}


.book-content .kitab-text {
    font-size: larger;
    font-family: var(--sskg-font-default);
    text-align: justify;
    text-justify: inter-word;
}

.kitab-babat, .auth_info {
    font-size: large;
    font-weight: normal;
}

.text-justify {
    text-align: justify !important;
    justify-content: baseline;
}

.auth_info {
    max-height: 100%; /* Large enough to fit full content */
    overflow: hidden; 
    transition: max-height 1.3s ease; /* Animate the max-height */
}

.auth_info.short {
    max-height: 200px; /* Height when collapsed */
}


.font-base {
    font-family: 'MB Lateefi Sans' !important;
}

.font-heading {
    font-family: 'AMBILE SK Shadow' !important;
}

.book-card-container .card-title {
    font-family: var(--sskg-font-default) !important;
    font-weight: normal;
}
.book-card-container .card-img-top{
    height: 250px;
    object-fit: cover;   
}
.book-card-container :hover .card-img-top{
    filter: grayscale(1);
    transition: 3ms ease-in-out;
}


/**
| Mobile View
*/
@media screen and (max-width: 768px) {
    .book-card-container .card-img-top{
        height: 200px;
    }
}

/**
| Extra Small View
*/
@media screen and (max-width: 308px) {
    .book-card-container {
        width: 100% !important;
    }
}