/* Common */

:root {
    --color-primary: #f8c8e0;
    --color-primary-filter: brightness(0) saturate(100%) invert(98%) sepia(34%) saturate(1583%) hue-rotate(251deg) brightness(100%) contrast(95%);
    --color-dark: #1E1E1E;
    --color-black: #000;
    --color-white: #fff;

    --color-pink: #ff68b4;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    color: var(--color-black);
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    transition: color 0.3s ease;
    color: inherit;
    font-family: "Inter", sans-serif;
}


ul,
ol,
li {
    list-style: none;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: var(--color-dark);
    font-size: inherit;
}

img {
    vertical-align: top;
}

button,
input {
    cursor: pointer;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    line-height: normal;
    transition: all .3s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:disabled {
    opacity: 0.5;
    cursor: default;
}

[class*="container"]:not(.fancybox-container) {
    max-width: 1392px;
    margin: 0 auto;
    padding: 0px 12px;
}

/* Buttons */
.btn-outline-dark {
    border-radius: 5px;
    min-width: 172px;
    width: auto;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--color-black);
    line-height: 1.3;
    transition: background .3s ease, border .3s ease;
    font-family: "Inter", sans-serif;
}

@media(hover: hover) {
    .btn-outline-dark:hover {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
    }
}

.btn-outline-dark:focus {
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-primary)
}


.text-center {
    display: flex;
    justify-content: center;
}

.title_32 {
    font-size: 32px;
    font-style: normal;
    line-height: 1.2;
}


.slider-button {
    background: transparent;
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--color-black);
}


@media(hover: hover) {
    .slider-button:hover {
        border-color: var(--color-primary);
        background: var(--color-primary)
    }
}


.slider-button-right {
    rotate: -180deg;
}

.slider-button img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(61%) saturate(1701%) hue-rotate(163deg) brightness(93%) contrast(103%);
}

.slider-button__white {
    background-color: transparent;
    border-color: var(--color-white);
}

.slider-button__white img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7480%) hue-rotate(29deg) brightness(95%) contrast(86%);
}



@media(hover: hover) {
    .slider-button__white:hover img {
        filter: brightness(0) saturate(100%) invert(5%) sepia(17%) saturate(2%) hue-rotate(314deg) brightness(96%) contrast(80%);
    }
}