.productViewModelSlider {
    h1 {
        text-align    : center; 
        font-size     : 48px;
        font-weight   : 500;
        color         : var(--color-white);
        text-transform: uppercase;
        font-family   : "Oswald", sans-serif;

        @media screen and (max-width: 768px) {
            font-size: 32px;
        }
    }
}

.productViewModelSlider {
    padding-block: 74px;

    h1 {
        &:not(.swiper-slide h1) {
            text-align    : center;
            margin-bottom : 40px;
            margin-top    : 0;
            text-transform: uppercase;
            color         : var(--fx-sub-white);
            
            @media screen and (max-width: 768px) {
              max-width    : 70%;
              margin-inline: auto;
            }
        }
        
        &:is(.swiper-slide h1) {
            font-family   : "Oswald", sans-serif;
            font-size     : 18px;
            font-weight   : 400;
            text-transform: uppercase;
            color         : var(--fx-sub-white);
            text-align    : center;
        }
    }

    .container {
        position: relative;

        .modelImage {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width : auto;
                height : 110px;
                object-fit: contain;
                margin-inline: auto;
            }
        }

        .slideNavigation {
            width          : 100%;
            display        : flex;
            justify-content: end;
            padding-inline : 10px;
            z-index        : 10;
            gap            : 12px;

            @media screen and (max-width: 768px) {
                justify-content: center;
                padding-inline : 0;
                gap            : 0;
            }

            button {
                padding        : 0;
                width          : 40px;
                height         : 40px;
                display        : flex;
                justify-content: center;
                align-items    : center;
                cursor         : pointer;
                border         : none;
                background     : transparent;

                @media screen and (max-width: 768px) {
                    width : 17px;
                    height: 17px;
                }

                i {
                    width : 25px;
                    height: 25px;
                    filter: var(--filter-blue);

                    @media screen and (max-width: 768px) {
                        width : 15px;
                        height: 15px;
                    }
                }

                &.swiper-button-disabled {
                    opacity: 0.5;
                }

              

                &.modelSliderPrev {
                    i {
                        transform: rotate(180deg);
                    }
                }
            }
        }
    }
}