@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Regular.woff2') format('woff2'),
        url('fonts/Panton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Bold.woff2') format('woff2'),
        url('fonts/Panton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-BoldItalic.woff2') format('woff2'),
        url('fonts/Panton-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Light.woff2') format('woff2'),
        url('fonts/Panton-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-LightItalic.woff2') format('woff2'),
        url('fonts/Panton-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-ExtraBlack.woff2') format('woff2'),
        url('fonts/Panton-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-ExtraBlackItalic.woff2') format('woff2'),
        url('fonts/Panton-ExtraBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}
body{
    font-family: Panton;
}
.secondcarousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 33% !important;
}

.secondcarousel .owl-prev.disabled,
.secondcarousel .owl-next.disabled {
    pointer-events: none;
    opacity: .1;
}

.secondcarousel .prev-slide {
    color: #fff;
    background-color: #a5a5a5;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -33px;
}

.secondcarousel .next-slide {
    color: #fff;
    background-color: #a5a5a5;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -33px;
}

.secondcarousel .prev-slide {
    background: url("../assets/img/back.svg") no-repeat scroll 0 0;
    left: -33px;
}

.secondcarousel .next-slide {
    background: url("../assets/img/next.svg") no-repeat scroll 0 0;
    right: -33px;
}

@media screen and (max-width: 768px) {
    .secondcarousel{
        padding: 0 18px;
    }
    .carousel-sds{
        padding: 0 32px;
    }
    .secondcarousel .nav-btn {
        top: 37% !important;
    }
}