@import "variables.css";

.nbg-slider {
    position: relative;
    color: white;
    overflow: hidden;
    padding-top: 85px;
    padding-bottom: 85px;
}

.nbg-bg-filter_slider::before {
    top: 0;
    left: 0;
    width: 562px;
    height: 1230px;
    transform: translateY(-60%);
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjU2MiIgaGVpZ2h0PSIxMjMwIiB2aWV3Qm94PSIwIDAgNTYyIDEyMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfMjNfMzA0MikiPgo8Y2lyY2xlIGN4PSItNTMiIGN5PSI2MTUiIHI9IjIxNSIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIzXzMwNDIpIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl8yM18zMDQyIiB4PSItNjY4IiB5PSIwIiB3aWR0aD0iMTIzMCIgaGVpZ2h0PSIxMjMwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwMCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzIzXzMwNDIiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yM18zMDQyIiB4MT0iLTI2OCIgeTE9IjU3MiIgeDI9IjE2MiIgeTI9IjU3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkYzQzNDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNjI0MCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=');
}

.nbg-slider__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.nbg-slider__slider {
    width: 467px;
}

.nbg-slider__content {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}

.nbg-slider__content-left {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.nbg-slider__content-right {
    display: flex;
    flex-direction: column;
}

.swiper-pagination {
    position: static;
}

.swiper-slide img {
    border-radius: 4px;
}

.nbg-slider__nav {
    display: flex;
    gap: 40px;
    margin-top: 57px;
    margin-bottom: 75px;
}

.nbg-slider__nav button {
    margin: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 30px;
    background-position: center;
}

.nbg-slider__nav-next {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20H36M36 20L18.9677 2.39999M36 20L18.9677 37.6' stroke='%23585B61' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.nbg-slider__nav-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 20H4M4 20L21.0323 2.39999M4 20L21.0323 37.6' stroke='%23585B61' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.nbg-slider__nav-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 20H4M4 20L21.0323 2.39999M4 20L21.0323 37.6' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.nbg-slider__nav-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20H36M36 20L18.9677 2.39999M36 20L18.9677 37.6' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.nbg-slider__text-slider {
    margin: 0;
    max-width: 647px;
}

.nbg-slider .section-text {
    max-width: 100%;
}

@media (max-width: 993px) {

    .nbg-slider__nav {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .nbg-slider__content-left {
        max-width: 357px;;
        row-gap: 30px;
    }

    .nbg-slider__slider {
        width: 357px;
        margin-left: 0;
    }
}

@media (max-width: 820px) {

    .nbg-slider {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .nbg-slider__nav {
        margin-top: 10px;
        margin-bottom: 20px;
        column-gap: 20px;
    }

    .nbg-slider__nav button {
        width: 30px;
        height: 30px;
        background-size: 20px 20px;
    }
}

@media (max-width: 768px) {

    .nbg-slider__content {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .nbg-slider__content-left {
        order: 1;
    }

    .nbg-slider__nav {
        order: 1;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .nbg-slider__slider {
        width: 257px;
    }

    .nbg-slider__content-left {
        max-width: 257px;;
    }
}