@font-face {
    font-family: 'SKF Display';
    src: url('/css/fonts/new-fonts/SKFDisplay-Bold.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Display';
    src: url('/css/fonts/new-fonts/SKFDisplay-Light.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Display VF Variable';
    src: url('/css/fonts/new-fonts/SKFDisplayVFVariable-Variable.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFDisplayVFVariable-Variable.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Display Bold Outline';
    src: url('/css/fonts/new-fonts/SKFDisplay-BoldOutline.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFDisplay-BoldOutline.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Sans Office';
    src: url('/css/fonts/new-fonts/SKFSansOffice-Regular.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFSansOffice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SKF Sans Office';
    src: url('../css/fonts/new-fonts/SKFSansOffice-Medium.woff2') format('woff2'),
        url('../css/fonts/new-fonts/SKFSansOffice-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SKF Sans Office';
    src: url('../css/fonts/new-fonts/SKFSansOffice-Bold.woff2') format('woff2'),
        url('../css/fonts/new-fonts/SKFSansOffice-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SKF Sans Office';
    src: url('../css/fonts/new-fonts/SKFSansOffice-Light.woff2') format('woff2'),
        url('../css/fonts/new-fonts/SKFSansOffice-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Sans';
    src: url('/css/fonts/new-fonts/SKFSans-Regular.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Sans';
    src: url('/css/fonts/new-fonts/SKFSans-Medium.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKF Sans';
    src: url('/css/fonts/new-fonts/SKFSans-Bold.woff2') format('woff2'),
        url('/css/fonts/new-fonts/SKFSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root {
    --SKFDisplay: "SKF Display";
    --SKF-Sans-Office: "SKF Sans Office";
    --SKFSans: "SKF Sans";
}



h1,
h2,
h3,
h4,
h5,
h6
 {
    font-family: var(--SKFDisplay);
}

.copyright-footer li a,
.description p a,
.shop-now-button-skf,
.tab-content-slider h5,
body,html{
    font-family: var(--SKFSans);
}

:root,
[data-bs-theme="light"] {
    --bs-link-color-rgb:0,0,254;
    --bs-pagination-active-bgnew:#0000FE;
    --bs-pagination-active-border-colornew:#0000FE;
    --bs-pagination-colornew:#0000FE;
}
[data-bs-theme="dark"] {
    
}

.pagination .active>.page-link, .pagination .page-link.active{
    background-color: var(--bs-pagination-active-bgnew);
    border-color: var(--bs-pagination-active-border-colornew);
}
.page-link{
    color: var(--bs-pagination-colornew);
}

.product-title {
    color: #0000FE;
}

.question-answer-sec .customer_reviews .input-group-addon.ask-button{
    background-color: #0000FE;
}


.right-topnabar a {
    color: #0000FE;
}
.home-prod-categories .prod-name h4{
    font-family: var(--SKFSans);
} 

.userlogscreen .backbutton a{
    background: rgba(0, 0, 0, 0.3);
    padding: 4px;
    border-radius: 2px;
    display: block;
    max-width: 85px;
}

.menu-nav .nav-link img{
    width: auto;
}
.home-slider #h-slider .carousel-inner .carousel-item img.img-fluid {
    width: 100%;
}
.contact-us-section img.img-fluid {
    width: 100%;
}

@media (min-width: 768px) {

    .navbar-expand-md .navbar-collapse{
        justify-content: flex-end;
    }
    #feature .media {
        align-items: center;
    }
    #feature .media .media-body {
        width: calc(100% - 50px);
    }
    #feature.icon_block .media .media-body h3{
        padding-top: 0px;
        font-size: 14px;
        margin: 0;
    }
    .question-answer-sec .customer_reviews h3.customer-question {
        font-size: 20px;
    }
    .desktopheader .menu li > a{
        height: 100%;
    }
    .help-and-support.enauiremodle .help-box{
        height: 100%;
    }

}

@media (min-width: 1200px) {

    .home-prod-categories .prod-name h4 {
        font-size: 20px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        white-space: normal;
        height: 48px;
       
    }
    .home-prod-categories .prod-name h4 br {
        display: none;
    }
    .comment-section-box h4 {
        font-size: 20px;
    }

}

@media only screen and (max-width: 767px) {

    .logo-navbar.fixed-header .menu-nav button.navbar-toggler {
        top: 11px;
    }
    #feature.icon_block .media .media-body h3{
        padding-top: 0px;
        font-size: 14px;
        margin: 0;
    }
    #feature.icon_block .media {
        row-gap: 5px;
        margin-bottom: 20px;
    }
    .navbar-collapse.slidemenu ul li.nav-item .nav-link:hover img.mr-2.pin-ico.hoverimage {
        filter: none;
    }
    .nav-item.logincss img{
        width: auto;
    }
    .home-prod-categories .tab-content-slider .slider .slick-prev:before, 
    .home-prod-categories .tab-content-slider .slider .slick-next:before {
        color: #000;
    }
    .home-page .products-industry {
        height: auto;
    }
    .home-page .products-industry .industry-prod {
        margin-bottom: 0 !important;
    }
    .product-listing-page .prod-listing ul.pagination {
        justify-content: initial !important;
    }
    
}


@media only screen and (max-width: 567px) {
    .menu-nav button.navbar-toggler {
        top: 11px;
    }
    .sidebar-open .menu-nav button.navbar-toggler {
        top: 11px !important;
    }
    .navbar-collapse.slidemenu ul li.nav-item.help-and-supports a.nav-link .pin-ico {
        width: 25px;
        height: auto;
    }
}