/* Media Queries */

@media screen and (max-width: 1440px) {
    .bs-newpages {
        .dh-features-block {
            .dh-features-block__container {
                .dh-features-block__item {
                    p {
                        padding-right: 0;
                    }
                }
            }
        }
    }    
}
@media screen and (max-width: 1350px) { 
    .bs-newpages {
        #site-header-wrapper {
            #site-header {
                .header-background {
                    nav#primary-navigation {
                        #primary-menu.no-responsive > li > a {
                            padding: 0;
                        }
                    }
                }
            }
        }

    }
}
@media screen and (max-width: 1248px) { 
    .bs-newpages {
        .hp-header-banner {
            .hp-header-banner__inner {
                .hp-header-banner__buttons {
                    .usp {
                        p {
                            font-size: 18px;
                        }
                    }
                }
            }
        }
        .dh-metrics-block {
            .dh-metrics-block__container {
                padding: 0 var(--spacing-xl) var(--spacing-xl);
            }
        }
        .dh-purchase-block {
            padding: 0 var(--spacing-xl);
        }
        .dh-features-block {
            .dh-features-block__container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .dh-benefits-block {
            padding: var(--spacing-xl);
            .dh-benefits-block__top {
                margin-bottom: var(--spacing-lg);
                h2 {
                    margin-bottom: 0;
                }
            }
            .dh-benefits-block__items {
                grid-template-columns: repeat(2, 1fr);
                gap: var(--spacing-lg);
            }
        }
        footer.new-footer {
            padding: var(--spacing-xl);
        }
    }    
}
@media screen and (max-width: 1212px) { 
    #site-header-wrapper {
        #site-header {
            .header-background {
                nav#primary-navigation {
                    #primary-menu.no-responsive {
                        gap: 0;
                    }
                    #primary-menu > li {
                        padding: 33px 0;
                    }
                    #primary-menu > li.nav-button{
                        background-color: transparent;
                        padding: var(--spacing-sm) 0;
                    }
                    #primary-menu > li.nav-button > a {
                        color: var(--white);
                    }
                }
            }
        }
    }
    #site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center):not(.no-menu) .site-title {
        padding-top: 0 !important;
    }
}


@media screen and (max-width: 1024px) { 
    .bs-newpages { 
        .hp-webinar-block, .hp-portfolio-block {
            padding-bottom: 100px;        
            .splide {
                .splide__arrows {
                    top: unset;
                    bottom: -60px;
                    right: 50%;
                    transform: translateX(50%);
                    .splide__arrow--prev {
                        left: -185px;
                        width: 180px;
                        height: 64px;
                    }
                    .splide__arrow--next {
                        right: -185px;
                        width: 180px;
                        height: 64px;
                    }
                }
            }
        }
        .hp-portfolio-block {
            padding-bottom: 150px;
        }
        .hp-content-block {
            margin: var(--spacing-xl);
            padding: 0;
            .hp-content-block__top {
                h2 {
                    max-width: 100%;
                }
                .hp-content-block__description {
                    max-width: 100%;
                }
            }
            .hp-content-block__left, .hp-content-block__right {
                flex-basis: 100%;
                max-width: 100%;
                padding: var(--spacing-lg);
            }
        }
        .hp-testimonials-block {
            .hp-testimonials-block__bottom__content {
                h2, p {
                    max-width: 100%;
                }
            }
        }
        .dh-purchase-block {
            .dh-purchase-block__top {
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: var(--spacing-lg);
            }
            .dh-purchase-block__container {
                grid-template-columns: repeat(1, 1fr);
            }
        }
        footer.new-footer {
            padding: var(--spacing-xl);
        }
    }    
}

@media screen and (max-width: 980px) {
    body.mobile-cart-position-top #site-header .mobile-cart > a:before {
        background-color: var(--white) !important;
    }
    body.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count {
        color: var(--black) !important;
    }
    #site-header-wrapper {
        #site-header {
            &:has(.dl-active) {
                background-color: var(--dark-blue);
            }
            .header-background  {
                .container {
                    width: 100%;
                    padding: 0;
                    .header-main {
                        padding: 0 10px;
                    }
                }
                nav#primary-navigation {
                    #primary-menu {
                        border: none;
                    }
                    #primary-menu > li.nav-button {
                        border-radius: 0;
                        background-color: var(--dark-grey);
                        color: var(--white);
                        padding: 0;
                        a {
                            color: var(--white);
                        }
                    }
                    #primary-menu > li.menu-item-active a {
                        border: none;
                        color: var(--highlight-blue);
                    }
                    #primary-menu > li.menu-item-search {
                        height: fit-content;
                    }
                }
                #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch {
                    background-color: var(--dark-grey);
                    color: var(--white);
                }
                .primary-navigation.responsive .minisearch .sf-input {
                    background-color: var(--dark-grey);
                    color: var(--white);
                    border: 1px solid var(--white);
                }
                .primary-navigation.responsive .minisearch .sf-input::placeholder {
                    color: var(--white);
                }
                .minisearch .sf-submit-icon:before {
                    color: var(--white);
                }
            }
        }
    }
    
    .mobile-cart-position-top #site-header .mobile-cart > .minicart-item-count {
        color: var(--black) !important;
    }
    #primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3 {
        background-color: var(--white);
    }
    .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item {
        border: none;
        background-color: transparent;
    }
    #primary-navigation.responsive #primary-menu > li > a {
        color: var(--white);
        background-color: var(--dark-grey);
    }
    .menu-item-search .minisearch {
        border-radius: 0;
    }
    .bs-newpages {
        
        .hp-header-banner {
            padding: 120px 50px 100px;
            .hp-header-banner__inner {
                h1 {
                    font-size: 50px;
                    line-height: 50px;
                }
                .hp-header-banner__buttons {
                    flex-direction: column;
                    align-items: stretch;
                    justify-content: center;
                    max-width: 380px;
                    margin: 0 auto;
                    .usp {
                        min-width: 360px;
                        justify-content: center;
                        p {
                            font-size: 16px;
                        }
                    }
                }
            }            
        }
        footer.new-footer {
             .new-footer-container {
                .footer-top {
                    .footer-top__heading {
                        h2 {
                            font-size: 60px;
                            line-height: 60px;
                        }
                    }
                }
            }
        }
         .dh-header-banner {
            padding: 100px 50px;
            .dh-header-banner__inner {
                h1 {
                    font-size: 50px;
                    line-height: 50px;
                     br {
                        display: none; /* Hide line break for smaller screens */
                    }
                }
            }
        }
        .dh-metrics-block {
            .dh-metrics-block__container {
                .dh-metrics-block__top {
                    padding: var(--spacing-lg);
                    h2 {
                        font-size: 36px;
                        line-height: 40px;
                        margin-bottom: var(--spacing-md);
                    }
                    p.subtitle {
                        font-size: 16px;
                        margin-bottom: var(--spacing-sm);
                    }
                }
            }
        }
        .dh-metrics-block {
            .dh-metrics-block__container {
                padding: 0 0 var(--spacing-sm);
            }
            .dh-metrics-block__nav {
                position: relative;
                height: 350px; /* or auto, but fixed height helps with animation */
                overflow: hidden;
                display: block;
            }
            .dh-metrics-block__nav_col {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #fff;
                transition: transform 0.3s ease;
                z-index: 1;
                display: block !important;
            }
            .dh-metrics-block__nav_col.lv1 {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv2,
            .dh-metrics-block__nav_col.lv3 {
                transform: translateX(100%);
                z-index: 2;
            }
            .dh-metrics-block__nav_col.lv2.active {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv1.slide-left {
                transform: translateX(-100%);
            }
            .dh-metrics-block__nav_col.lv3.active {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv2.slide-left {
                transform: translateX(-100%);
            }
        }
        .dh-global-block {
            .dh-global-block__container {
                .dh-global-block__top {
                    padding: var(--spacing-xl);
                    h2 {
                        font-size: 36px;
                        line-height: 40px;
                        margin-bottom: var(--spacing-md);
                    }
                    p.subtitle {
                        font-size: 16px;
                        margin-bottom: var(--spacing-sm);
                    }
                }
            }
            .dh-global-block__content {
                padding: 0 var(--spacing-md);
            }
        }
        .dh-purchase-block {
            padding: 0 var(--spacing-xl);
            margin-bottom: var(--spacing-md);
            .dh-purchase-block__top {
                h2 {
                    font-size: 36px;
                    line-height: 40px;
                    margin-top: var(--spacing-md);
                    margin-bottom: var(--spacing-md);
                }
            }
        }
        .dh-clients-block {
            .dh-clients-block__top {
                padding: var(--spacing-lg);
                h2 {
                    font-size: 36px;
                    line-height: 40px;
                    margin-bottom: var(--spacing-md);
                }
                p.subtitle {
                    font-size: 16px;
                    margin-bottom: var(--spacing-sm);
                }
            }
        }
        
    }
    footer.new-footer {
        padding: var(--spacing-xl);
            .new-footer-container {
            .footer-top {
                flex-direction: column;
                align-items: flex-start;
                gap: 0;
                .footer-top__heading {
                    h2 {
                        font-size: 42px;
                        line-height: 42px;
                    }
                }
            }
            .footer-center {
                flex-direction: column;
                align-items: flex-start;
                gap: var(--spacing-xl);
            }
            .footer-bottom {
                flex-direction: column;
                align-items: flex-start;
                margin-top: 0;
                .footer-bottom__left {
                    .footer-bottom__left__links {
                        flex-direction: column;
                        gap: var(--spacing-sm);
                        margin-bottom: var(--spacing-lg);
                    }
                    .footer-bottom__left__design {
                        margin-top: var(--spacing-lg);
                    }
                }
                .footer-bottom__right {
                    margin-top: var(--spacing-lg);
                    a {
                        margin-left: 0;
                    }
                }
            }
        }
    }
    .single-product {
        .product-bottom {
            grid-template-columns: 1fr;
            .product-bottom__desc {
                grid-area: 1 / 1 / 2 / 2;
            }
            .product-bottom__side {
                grid-area: 2 / 1 / 3 / 2;
            }
            .further-info-form {
                grid-area: 3 / 1 / 4 / 2;
            }
        }
        .single-product-content-bottom {
            .product_details {
                grid-template-columns: repeat(2, 1fr);
            }
            .authors {            
                .author-container {
                    display: grid;
                    grid-template-columns: 1fr;
                }
            }
        }
    }
}
@media screen and (max-width: 768px) {
    .bs-newpages {
        .hp-header-banner {
            .hp-header-banner__inner {
                .hp-header-banner__subtitle {
                    br {
                        display: none; /* Hide line break for smaller screens */
                    }
                }
            }
        }
        .hp-content-block {
            .hp-content-block__top {
                padding: var(--spacing-xl);
                h2 {
                    font-size: 33px;
                    line-height: 40px;
                    margin-top: var(--spacing-sm);
                }
                .bs-button-2 {
                    width: 100%;
                    max-width: 100%;
                }
                .hp-content-block__subtitle {
                    font-size: 12px;
                    margin-bottom: var(--spacing-md);
                }
                p {
                    font-size: 15px;
                }
            }
            .hp-content-block__left, .hp-content-block__right {
                font-size: 33px;
                line-height: 40px;
                h2 {
                    max-width: 100%;
                    font-size: 33px;
                    line-height: 40px;
                    margin-top: var(--spacing-sm);
                }
                .hp-content-block__subtitle {
                    font-size: 12px;
                    margin-bottom: var(--spacing-md);
                }
                .bs-button-2 {
                    width: 100%;
                    max-width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 18px 30px;
                }
            }            
        }
        .hp-testimonials-block {
            padding: var(--spacing-xl) 0;
            .hp-testimonials-block__top {
                padding: var(--spacing-xl) 0 var(--spacing-xl);
            }
            .hp-testimonials-block__bottom {
                margin: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
            }
            .hp-testimonials-block__bottom__content {
                padding: var(--spacing-xl);
                
                h2 {
                    font-size: 33px;
                    line-height: 40px;
                }
                p {
                    font-size: 15px;
                }
                p.subtitle {
                    font-size: 12px;
                    margin-bottom: var(--spacing-md);
                }
            }
        }

        .dh-metrics-block {
            .dh-metrics-block__container {
                padding: 0 0 var(--spacing-sm);
            }
            .dh-metrics-block__nav {
                position: relative;
                height: 350px; /* or auto, but fixed height helps with animation */
                overflow: hidden;
                display: block;
            }
            .dh-metrics-block__nav_col {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #fff;
                transition: transform 0.3s ease;
                z-index: 1;
                display: block !important;
            }
            .dh-metrics-block__nav_col.lv1 {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv2,
            .dh-metrics-block__nav_col.lv3 {
                transform: translateX(100%);
                z-index: 2;
            }
            .dh-metrics-block__nav_col.lv2.active {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv1.slide-left {
                transform: translateX(-100%);
            }
            .dh-metrics-block__nav_col.lv3.active {
                transform: translateX(0);
                z-index: 3;
            }
            .dh-metrics-block__nav_col.lv2.slide-left {
                transform: translateX(-100%);
            }
        }

        .dh-features-block {
            padding: 0 var(--spacing-xl) calc(var(--spacing-xxl) + 50px) var(--spacing-xl);
            .dh-features-block__top {
                flex-direction: column;
                align-items: center;
                text-align: center;
                h2 {
                    font-size: 36px;
                    line-height: 40px;
                    margin-bottom: var(--spacing-md);
                }
                .bs-button-2 {
                    font-size: 16px;
                }
            }
            .dh-features-block__container {
                display: none;
                &.mobile {
                    display: block;
                    margin-top: var(--spacing-lg);
                    position: relative;
                    .splide__arrows {
                        top: unset;
                        bottom: -60px;
                        right: 50%;
                        position: absolute;
                        transform: translateX(50%);
                        .splide__arrow--prev {
                            left: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--prev::before {
                            background-image: url('./../../../img/slider-arrow-left.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                        .splide__arrow--next {
                            right: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--next::before {
                            background-image: url('./../../../img/slider-arrow-right.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                    }
                    .dh-features-block__item {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                    }
                }
            }    
        }
        .dh-purchase-block {
            .dh-purchase-block__top {
                .dh-purchase-block__buttons {
                    flex-direction: column;
                    align-items: center;
                    gap: var(--spacing-md);
                }
            }
        }
        .dh-benefits-block {
            padding-bottom: var(--spacing-xxl);
            .dh-benefits-block__top {
                flex-direction: column;
                h2 {
                    font-size: 36px;
                    line-height: 40px;
                    margin-bottom: var(--spacing-md);
                }
            }
            .dh-benefits-block__items {
                display: none;
                &.mobile {
                    display: block;
                    margin-top: var(--spacing-lg);
                    position: relative;
                    padding-bottom: var(--spacing-xxl);
                    .dh-benefits-block__item {
                        .dh-benefits-block__item__image {
                            max-height: 500px;
                        }
                    }
                    .splide__arrows {
                        top: unset;
                        bottom: 40px;
                        right: 50%;
                        position: absolute;
                        transform: translateX(50%);
                        .splide__arrow--prev {
                            left: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--prev::before {
                            background-image: url('./../../../img/slider-arrow-left.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                        .splide__arrow--next {
                            right: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--next::before {
                            background-image: url('./../../../img/slider-arrow-right.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                    }
                }
            }
            .dh-benefits-block__content {
                display: none;
                &.mobile {                    
                    display: block;
                    margin-top: var(--spacing-lg);
                    position: relative;
                    .dh-benefits-block__item {
                        padding: var(--spacing-lg) var(--spacing-sm);
                    }
                    .splide__arrows {
                        top: unset;
                        bottom: -60px;
                        right: 50%;
                        position: absolute;
                        transform: translateX(50%);
                        .splide__arrow--prev {
                            left: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--prev::before {
                            background-image: url('./../../../img/slider-arrow-left.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                        .splide__arrow--next {
                            right: -185px;
                            width: 180px;
                            height: 64px;
                            font-size: 0;
                            border-radius: 50px;
                        }
                        .splide__arrow--next::before {
                            background-image: url('./../../../img/slider-arrow-right.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            display: block;
                            content: '';
                            height: 16px;
                            width: 27px;
                        }
                    }
                    .dh-features-block__item {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                    }
                }
            }
        }
    }
}


@media screen and (max-width: 560px) {
    .bs-newpages {
        .hp-header-banner {
            .hp-header-banner__inner {
                .hp-header-banner__subtitle {
                    font-size: 15px;
                }
            }
        }
         .hp-webinar-block, .hp-portfolio-block {
            padding: 35px 35px 100px;
            h2 {
                font-size: 30px;
                line-height: 40px;
            }
            .splide {
                .splide__arrows {
                    .splide__arrow--next, .splide__arrow--prev {
                        width: 150px;
                    }
                    .splide__arrow--next {
                        right: -160px;
                    }
                    .splide__arrow--prev {
                        left: -160px;
                    }
                }
                 .splide__track {
                    .splide__list {
                        .splide__slide {
                            .hp-webinar-block__slide-content, .hp-portfolio-block__slide-content {
                                h3 {
                                    font-size: 20px;
                                    line-height: 25px;
                                    margin-top: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        .hp-content-block {
            .hp-content-block__top {
                .bs-button-2 {
                    white-space: wrap;
                    padding: 10px;
                    line-height: 18px;
                    font-size: 17px;
                    &::after {
                        right: 10px;
                    }
                }
            }
        }
    }
}
/* Content block — section-scoped mobile fixes (centering + right overflow) */
@media screen and (max-width: 768px) {
    .bs-newpages {
        #section-content-block.hp-content-block {
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: var(--spacing-lg);
            padding-right: var(--spacing-lg);
            gap: var(--spacing-md);
            overflow-x: hidden;
        }
        #section-content-block .hp-content-block__top,
        #section-content-block .hp-content-block__left,
        #section-content-block .hp-content-block__right {
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: var(--spacing-lg);
        }
        #section-content-block .hp-content-block__top h2,
        #section-content-block .hp-content-block__top p,
        #section-content-block .hp-content-block__left h2,
        #section-content-block .hp-content-block__right h2,
        #section-content-block .hp-content-block__subtitle {
            max-width: 100%;
            overflow-wrap: break-word;
        }
    }
}

/* Portfolio carousel — section-scoped mobile arrows (smaller buttons, inset, room below) */
@media screen and (max-width: 560px) {
    .bs-newpages {
        #section-portfolio-block.hp-portfolio-block {
            padding-bottom: 140px;
        }
        #section-portfolio-block .splide .splide__arrows .splide__arrow--prev,
        #section-portfolio-block .splide .splide__arrows .splide__arrow--next {
            width: 90px;
            height: 44px;
        }
        #section-portfolio-block .splide .splide__arrows .splide__arrow--prev {
            left: -110px;
        }
        #section-portfolio-block .splide .splide__arrows .splide__arrow--next {
            right: -110px;
        }
    }
}

/* Webinar carousel — section-scoped mobile arrow inset (keep arrows off the edges) */
@media screen and (max-width: 560px) {
    .bs-newpages {
        #section-webinar-block .splide .splide__arrows .splide__arrow--prev,
        #section-webinar-block .splide .splide__arrows .splide__arrow--next {
            width: 120px;
        }
        #section-webinar-block .splide .splide__arrows .splide__arrow--prev {
            left: -130px;
        }
        #section-webinar-block .splide .splide__arrows .splide__arrow--next {
            right: -130px;
        }
    }
}

/* Testimonials — section-scoped mobile fixes (text width + CTA overflow) */
@media screen and (max-width: 768px) {
    .bs-newpages {
        #section-testimonials-block .hp-testimonials-block__slide-text {
            width: 100%;
        }
        #section-testimonials-block .hp-testimonials-block__bottom__content {
            box-sizing: border-box;
            max-width: 100%;
            padding: var(--spacing-xl);
        }
        #section-testimonials-block .hp-testimonials-block__bottom__content h2,
        #section-testimonials-block .hp-testimonials-block__bottom__content p {
            max-width: 100%;
            overflow-wrap: break-word;
        }
    }
}

/* Header banner — section-scoped mobile fixes (title sizing + right overflow) */
@media screen and (max-width: 560px) {
    .bs-newpages {
        #section-header-banner.hp-header-banner {
            box-sizing: border-box;
            padding-left: var(--spacing-lg);
            padding-right: var(--spacing-lg);
            overflow-x: hidden;
        }
        #section-header-banner .hp-header-banner__inner h1 {
            font-size: 38px;
            line-height: 44px;
            overflow-wrap: break-word;
        }
    }
}

/* Footer heading — smaller on mobile (overrides the 60px ≤980 rule on .bs-newpages) */
@media screen and (max-width: 560px) {
    .bs-newpages {
        footer.new-footer {
            .new-footer-container {
                .footer-top {
                    .footer-top__heading {
                        h2 {
                            font-size: 34px;
                            line-height: 40px;
                        }
                    }
                }
            }
        }
    }
}

/* Mobile (responsive) menu — reset the 33px desktop li padding that creates huge gaps */
@media screen and (max-width: 1212px) {
    #site-header-wrapper #site-header .header-background nav#primary-navigation.responsive #primary-menu > li {
        padding: 0;
        background-color: var(--dark-grey);
    }
}

@media screen and (max-width: 480px) {
    .single-product {
        .single-product-content-bottom {
            .product_details {
                grid-template-columns: 1fr;
            }
            .authors {            
                .author-container {
                    .author {
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        gap: 0;
                        h4 {
                            margin-top: 10px;
                        }
                        .author-img {
                            width: 120px;
                            height: 120px;
                        }
                    }
                }
            }
        }
    }
}