:root {
    --black: #222222;
    --white: #fff;
    --grey: #F6F6F6;
    --pink: #EB407A;
    --dark-pink: #d3396d;
    --light-pink: #FFDFEA;
}

* {
    box-sizing: border-box;
}

h1, h2, h3, h4 {
    margin: 0;
}

p {
    margin: 0;
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
}

a {
    color: inherit;
    text-decoration: none;
	transition: all .2s;
}

a small {
	font-size: 100%;
}

ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
}

.body {
    background-color: var(--white);
    color: var(--text);
    font-family: "Bitter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.header {
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 10px 0;
    background-color: var(--black);
    color: var(--white);
}

.header__content, .footer__nav {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer__nav {
    color: var(--white);
    margin-top: 20px;
}

.header__logo_icon, .footer__logo-icon {
    width: 80px;
    height: 80px;
}

.header__socials, .header__socials_block, .footer__nav-socials, .footer__nav-links {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header__socials, .footer__nav-socials {
    margin-left: auto;
}

.header__socials_text, .header__socials_link, .footer__nav-text, .footer__nav-link {    
    font-size: 20px;
    font-weight: 500;
}
.header__socials_link:hover {
    color: var(--pink);
}
.header__socials_text.address, .header__socials_link.phone,
.footer__nav-text.address, .footer__nav-link.phone {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header__socials_text::before, .header__socials_link::before,
.footer__nav-text::before, .footer__nav-link::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.header__socials_text.address::before, .footer__nav-text.address::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1.33334C9.5913 1.33334 11.1174 1.96548 12.2426 3.0907C13.3679 4.21591 14 5.74204 14 7.33334C14 9.38267 12.8827 11.06 11.7053 12.2633C11.1171 12.858 10.4753 13.3972 9.788 13.874L9.504 14.0673L9.37067 14.156L9.11933 14.316L8.89533 14.4527L8.618 14.614C8.42976 14.7215 8.21675 14.778 8 14.778C7.78325 14.778 7.57024 14.7215 7.382 14.614L7.10467 14.4527L6.758 14.2393L6.63 14.156L6.35667 13.974C5.61522 13.4724 4.9246 12.8994 4.29467 12.2633C3.11733 11.0593 2 9.38267 2 7.33334C2 5.74204 2.63214 4.21591 3.75736 3.0907C4.88258 1.96548 6.4087 1.33334 8 1.33334ZM8 5.33334C7.73736 5.33334 7.47728 5.38507 7.23463 5.48558C6.99198 5.58609 6.7715 5.73341 6.58579 5.91912C6.40007 6.10484 6.25275 6.32532 6.15224 6.56797C6.05173 6.81062 6 7.07069 6 7.33334C6 7.59598 6.05173 7.85605 6.15224 8.0987C6.25275 8.34135 6.40007 8.56183 6.58579 8.74755C6.7715 8.93327 6.99198 9.08059 7.23463 9.1811C7.47728 9.2816 7.73736 9.33334 8 9.33334C8.53043 9.33334 9.03914 9.12262 9.41421 8.74755C9.78929 8.37248 10 7.86377 10 7.33334C10 6.8029 9.78929 6.2942 9.41421 5.91912C9.03914 5.54405 8.53043 5.33334 8 5.33334Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}
.header__socials_link.phone::before, .footer__nav-link.phone::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0345 14.7553C10.0745 14.72 7.35384 14.344 4.5045 11.4953C1.65584 8.646 1.2805 5.926 1.2445 4.96533C1.19117 3.50133 2.3125 2.07933 3.60784 1.524C3.76382 1.45664 3.93464 1.431 4.10352 1.44958C4.27241 1.46817 4.43356 1.53034 4.57117 1.63C5.63784 2.40733 6.37384 3.58333 7.00584 4.508C7.14489 4.71115 7.20435 4.95836 7.17288 5.20253C7.1414 5.4467 7.0212 5.67075 6.83517 5.832L5.5345 6.798C5.47167 6.84338 5.42743 6.91002 5.41002 6.98555C5.39261 7.06108 5.4032 7.14036 5.43984 7.20867C5.7345 7.744 6.2585 8.54133 6.8585 9.14133C7.4585 9.74133 8.29384 10.3 8.8665 10.628C8.93831 10.6683 9.02282 10.6796 9.10267 10.6595C9.18253 10.6394 9.25165 10.5895 9.29584 10.52L10.1425 9.23133C10.2982 9.02456 10.5278 8.88604 10.7833 8.84479C11.0388 8.80353 11.3003 8.86273 11.5132 9.01C12.4512 9.65933 13.5458 10.3827 14.3472 11.4087C14.4549 11.5473 14.5235 11.7123 14.5456 11.8864C14.5678 12.0606 14.5428 12.2375 14.4732 12.3987C13.9152 13.7007 12.5032 14.8093 11.0345 14.7553Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}

.header__socials_list, .footer__nav-socials-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header__socials_item_link, .footer__nav-socials-item {
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.header__socials_item_link:hover, .footer__nav-socials-item:hover {
    background-color: var(--pink);
}
.header__socials_item_link.vk, .footer__nav-socials-item.vk {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0217 7.0098C16.0217 7.0098 17.477 8.40651 17.837 9.05282C17.8444 9.06188 17.8499 9.07229 17.8532 9.08344C17.9996 9.32191 18.0365 9.50994 17.9639 9.64754C17.8424 9.87581 17.4311 9.99038 17.2916 10H14.7194C14.5403 10 14.1677 9.95452 13.7141 9.65017C13.3676 9.4149 13.0229 9.02746 12.6891 8.64877C12.1905 8.08641 11.7594 7.59839 11.3229 7.59839C11.2678 7.59906 11.2132 7.60791 11.1609 7.62463C10.8306 7.72608 10.4112 8.18349 10.4112 9.40178C10.4112 9.7831 10.1016 10 9.88468 10H8.70659C8.3052 10 6.21542 9.86356 4.36234 7.96484C2.09166 5.6402 0.0522805 0.976911 0.0324807 0.935806C-0.094418 0.634074 0.171979 0.469652 0.459976 0.469652H3.05735C3.40565 0.469652 3.51905 0.674305 3.59824 0.857967C3.69004 1.06874 4.03024 1.91184 4.58823 2.85902C5.49183 4.40003 6.04712 5.02711 6.49082 5.02711C6.57416 5.02723 6.65608 5.00612 6.72841 4.96589C7.30801 4.65629 7.20001 2.64474 7.17301 2.23019C7.17301 2.14973 7.17211 1.33199 6.87511 0.93668C6.66271 0.653315 6.30092 0.543117 6.08222 0.502886C6.14072 0.420675 6.26492 0.294735 6.42422 0.220395C6.82111 0.0279866 7.5384 0 8.2503 0H8.64539C9.41759 0.010495 9.61738 0.0585971 9.89818 0.127689C10.4634 0.258877 10.4742 0.614833 10.4247 1.82701C10.4103 2.17334 10.395 2.56341 10.395 3.02256C10.395 3.12052 10.3905 3.22984 10.3905 3.34091C10.3734 3.96274 10.3509 4.66329 10.8027 4.95102C10.8611 4.98694 10.9289 5.00576 10.998 5.00525C11.1546 5.00525 11.6235 5.00525 12.8952 2.88438C13.4531 1.9477 13.8851 0.843099 13.9148 0.760014C13.94 0.713661 14.0156 0.583348 14.1074 0.530873C14.173 0.497854 14.246 0.481034 14.3198 0.481896H17.3753C17.7083 0.481896 17.9342 0.530873 17.9783 0.653315C18.0521 0.851846 17.9639 1.45793 16.5689 3.29106C16.334 3.59629 16.1279 3.86042 15.947 4.09131C14.6825 5.70404 14.6825 5.78538 16.0217 7.0098Z' fill='white'/%3e%3c/svg%3e ");
}
.header__socials_item_link.max, .footer__nav-socials-item.max {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.19337 17.9486C7.4269 17.9486 6.60599 17.6896 5.17907 16.6536C4.27649 17.8191 1.41835 18.73 1.29369 17.1716C1.29369 16.0018 1.03581 15.0133 0.743545 13.9342C0.395418 12.6046 0 11.124 0 8.97864C0 3.85477 4.18624 0 9.14611 0C14.1103 0 17.9999 4.0447 17.9999 9.02612C18.0166 13.9305 14.0765 17.9225 9.19337 17.9486ZM9.26645 4.42888C6.85099 4.3037 4.96846 5.98288 4.55156 8.61604C4.20772 10.796 4.81804 13.4507 5.33809 13.5888C5.58737 13.6493 6.21488 13.1399 6.60599 12.7471C7.25273 13.1958 8.00585 13.4653 8.78938 13.5284C11.2922 13.6493 13.4308 11.7356 13.5988 9.22471C13.6966 6.70844 11.7696 4.5772 9.26645 4.4332V4.42888Z' fill='white'/%3e%3c/svg%3e ");
}

/* input search */

.header__search_form {
    position: relative;
    height: 50px;    
    width: 425px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 900px;
}

.header__search_form-input, .search-popup__input {    
    height: 50px;
    padding: 10px 10px 10px 20px;
    font-size: 12px;
    color: var(--white);  
    background-color: transparent;
    border-radius: 900px;  
    border: none;   
    outline: none; 
}
.header__search_form-input::-webkit-input-placeholder {
    color: var(--white);
    opacity: .5;
}
.header__search_form-input:-moz-placeholder {
    color: var(--white);
    opacity: .5;
}
.header__search_form-input:-ms-input-placeholder {
    color: var(--white);
    opacity: .5;
}
.search-popup__input {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.header__search_form-btn, .search-popup__btn {
    position: absolute;
    inset: 10px 10px auto auto;
    width: 30px;
    height: 30px;
    outline: none;
    border: none;
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.00004 0C2.93917 0 1.92174 0.421432 1.17159 1.17159C0.421432 1.92174 0 2.93917 0 4.00004C0 5.06092 0.421432 6.07835 1.17159 6.8285C1.92174 7.57865 2.93917 8.00009 4.00004 8.00009C5.06092 8.00009 6.07835 7.57865 6.8285 6.8285C7.57865 6.07835 8.00009 5.06092 8.00009 4.00004C8.00009 2.93917 7.57865 1.92174 6.8285 1.17159C6.07835 0.421432 5.06092 0 4.00004 0Z' fill='%23EB407A'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.85373 9.85361C9.75997 9.94735 9.63281 10 9.50023 10C9.36764 10 9.24049 9.94735 9.14672 9.85361L7.39671 8.10359C7.30563 8.00929 7.25523 7.88299 7.25637 7.75189C7.25751 7.62079 7.31009 7.49538 7.4028 7.40267C7.4955 7.30997 7.62091 7.25738 7.75201 7.25624C7.88311 7.25511 8.00941 7.3055 8.10371 7.39658L9.85373 9.1466C9.94747 9.24037 10.0001 9.36752 10.0001 9.50011C10.0001 9.63269 9.94747 9.75985 9.85373 9.85361Z' fill='%23EB407A'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    border-radius: 100px;
}

.header__search_mobile-btn {
    display: none;
}

.search-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s ease;
}

.search-popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.search-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.search-popup__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    padding: 24px;
    background: #fff;
}

.search-popup__close {
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' clip-path='url(%23clip0_106_3330)'%3e%3cpath d='M30.6066 30.8198L20 20.2132M20 20.2132L9.3934 9.6066M20 20.2132L30.6066 9.6066M20 20.2132L9.3934 30.8198' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_3330'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.search-popup__form {
    position: relative;
    width: 90%;
}

.search-popup__label {
    flex: 1;
}

.search-popup__input {
    width: 100%;
}

body.search-popup-open {
    overflow: hidden;
}

@media (max-width: 991px) {
    .header__search_form {
        display: none;
    }

    .header__search_mobile-btn {
        display: block;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.1);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.59996 0C4.11476 0 2.69039 0.590005 1.64019 1.64022C0.589994 2.69043 0 4.11483 0 5.60006C0 7.08529 0.589994 8.50968 1.64019 9.5599C2.69039 10.6101 4.11476 11.2001 5.59996 11.2001C7.08516 11.2001 8.50953 10.6101 9.55973 9.5599C10.6099 8.50968 11.1999 7.08529 11.1999 5.60006C11.1999 4.11483 10.6099 2.69043 9.55973 1.64022C8.50953 0.590005 7.08516 0 5.59996 0Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.795 13.795C13.6637 13.9263 13.4857 14 13.3001 14C13.1145 14 12.9364 13.9263 12.8052 13.795L10.3552 11.345C10.2277 11.213 10.1571 11.0362 10.1587 10.8526C10.1603 10.6691 10.2339 10.4935 10.3637 10.3637C10.4935 10.2339 10.6691 10.1603 10.8526 10.1587C11.0361 10.1571 11.213 10.2277 11.345 10.3552L13.795 12.8052C13.9262 12.9365 13.9999 13.1145 13.9999 13.3001C13.9999 13.4858 13.9262 13.6638 13.795 13.795Z' fill='white'/%3e%3c/svg%3e "); 
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        border-radius: 100px;
        cursor: pointer;
    }
    .header__search_mobile-btn:hover {
        background-color: var(--pink);
    }
}

/*  */

.hero {
    padding-bottom: 50px;
    background-color: var(--black);
    border-radius: 0 0 50px 50px;
}

.hero__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 80px; 
}

.hero__info {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-top: 60px;
    color: var(--white);
}

.hero__info_heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.hero__info_span {
    font-size: 20px;
    font-weight: 600;
    color: var(--pink);
    text-transform: uppercase;
}

.h1 {
    font-size: 54px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.hero__info_text {
    font-size: 20px;
    font-weight: 500;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 700;
    color: var(--white);
    background-color: var(--pink);
    border-radius: 100px;
}
.btn:hover {
    background-color: var(--dark-pink);
}

.btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border-radius: 100px;
}
.btn__icon::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.499927 8.98528L8.98521 0.499997M8.51946 8.74392L8.98521 0.499997L0.74129 0.965741' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .2s;
}
.btn:hover .btn__icon::after {
    transform: rotateZ(45deg);
}

.btn.white {
    color: var(--text);
    background-color: var(--white);
}
.btn.white:hover {
    background-color: var(--light-pink);
}

.btn.white .btn__icon {
    filter: invert(1);
}

.hero__info_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.hero__info_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px;
    color: var(--white);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
}

.hero__info_item-icon {
    width: 50px;
    height: 50px;
    background-color: var(--light-pink);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border-radius: 100px;
}

.hero__info_item-text {
    font-weight: 500;
    text-align: center;
}

.hero__image {
    position: relative;
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='660' height='647' viewBox='0 0 660 647' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M740 222.226C648.82 328.049 465.054 334.222 366.99 234.754C317.117 184.15 290.191 105.982 316.107 39.8839C342.053 -26.2138 430.479 -65.3285 490.174 -26.7333C535.703 2.69438 550.481 62.222 553.572 116.31C565.076 317.048 454.192 524.753 271.833 609.889C212.78 637.452 144.61 652.273 82.0996 633.816C19.5896 615.359 -33.6799 557.053 -30.8955 491.995C-27.7134 417.554 47.2799 361.144 121.753 356.56C196.227 351.976 267.488 387.302 328.468 430.236C405.879 484.752 473.468 553.111 527.074 631.096' stroke='%23FFDFEA' stroke-width='10' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
    grid-area: 1 / 2 / 3 / 3;
}

.hero__img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 650px;
    width: 836px;
    max-width: 836px;
}



/* Наши услуги */
.services {
    padding-top: 130px;
}

.h2 {
    display: flex;
    align-items: center;
    gap: 30px;
    text-transform: uppercase;
}
.h2__icon {
    width: 40px;
    height: 37px;
    background-image: url('/img/paw.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.h2__icon:last-child {
    display: none;
}
.h2__text {
    font-size: 48px;
    line-height: 130%;
    font-weight: 700;
}
.h2__text.white {
    color: var(--white);
}

.services__content {
    margin-top: 30px;
}

.services__main_tabs {
    display: flex;
    flex-direction: column;
    margin-top: -90px;
}

.services__main_tabs-nav {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 10px;
    background-color: var(--grey);
    border-radius: 20px 20px 0 0;
}

.services__main_tab {
    padding: 14.5px 60px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
    opacity: .5;
    cursor: pointer;
}
.services__main_tab.active {
    color: var(--white);
    background-color: var(--pink);
    opacity: 1;
}

.services__main_tabs-content {
    padding: 30px;
    background-color: var(--grey);
    border-radius: 40px 0 40px 40px;
}

.services__breed_tabs {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.services__breed_tabs-nav {
    display: flex;
    padding: 10px;
    background-color: var(--white);
    border-radius: 100px;
    overflow-x: scroll;
}
.services__breed_tabs-nav::-webkit-scrollbar {
    position: relative;
    height: 4px;
}
.services__breed_tabs-nav::-webkit-scrollbar-track {
    background: var(--grey);
}
.services__breed_tabs-nav::-webkit-scrollbar-thumb {
    background: var(--pink);
    border-radius: 100px;
}
.services__breed_tabs-nav::-webkit-scrollbar-button {
    display: none;
}

.services__breed_tab {
    flex-shrink: 0;
    padding: 14.5px 60px;
    font-weight: 500;
    text-align: center;
    border-radius: 100px;
    opacity: .5;
    cursor: pointer;
}
.services__breed_tab.active {
    color: var(--white);
    background-color: var(--pink);
    opacity: 1;
}

.services__breed_tab-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;    
}
.services__breed_tab-content[hidden] {
    display: none;
}

.swiper.services-swiper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    background-color: var(--white);
    border-radius: 30px;
}

.services__breed_img {
    width: 100%;
    height: 508px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.services-swiper-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.swiper-nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

.swiper-button-prev.services-button-prev,
.swiper-button-next.services-button-next {
    position: static;
    margin-top: 0;
}

.swiper-button-prev,
.swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: var(--light-pink);
    border-radius: 100px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
.swiper-button-prev svg,
.swiper-button-next svg {
    width: 15px;
    height: 15px;
}
.swiper-button-prev svg path,
.swiper-button-next svg path {
    fill: var(--pink);
}

.swiper-pagination.services-pagination {
    position: static;
    display: flex;
    gap: 5px;
    font-weight: 500;
    color: rgba(34, 34, 34, .5);
}

.swiper-pagination.services-pagination .swiper-pagination-current {
    font-size: 40px;
    line-height: 100%;
    font-weight: 700;
    color: var(--black);
}

.services__breed_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.services__breed_dropdown {
    position: relative;
}

.services__breed_dropdown-head {    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 10px 10px 20px;
    font-weight: 500;
    background-color: var(--white);
    border-radius: 15px;
    cursor: pointer;
}

.services__breed_dropdown-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    color: var(--pink);
    background-color: var(--grey);
    border-radius: 100px;
}

.services__breed_dropdown-body {
    position: absolute;    
    z-index: 2;
    top: 60px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
.services__breed_dropdown-body[hidden] {
    display: none;
}

.services__breed_checkbox {
    display: flex;
    align-items: center;
    gap: 20px;  
    cursor: pointer;  
}
.services__breed_checkbox:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--grey);
}

.services__breed_checkbox-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.services__breed_checkbox-custom {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--pink);
    border-radius: 4px;
    background: #fff;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.services__breed_checkbox-custom::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease;
}

.services__breed_checkbox-input:checked + .services__breed_checkbox-custom {
    background: var(--pink);
    border-color: var(--pink);
}

.services__breed_checkbox-input:checked + .services__breed_checkbox-custom::after {
    transform: rotate(45deg) scale(1);
}

.services__breed_checkbox-input:focus-visible + .services__breed_checkbox-custom {
    outline: 2px solid rgba(236, 59, 120, 0.35);
    outline-offset: 3px;
}

.services__breed_checkbox-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.services__breed_checkbox-title {
    display: block;
}

.services__breed_checkbox-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.services__breed_checkbox-title {
    font-weight: 500;
}

.services__breed_checkbox-price {
    font-weight: 700;
    color: var(--pink);
}

.services__breed_checkbox-text {
    font-size: 14px;
    font-weight: 500;
    opacity: .5;
}

.services__breed_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.services__info_form {
    position: relative;
    display: flex;
    padding: 30px;
    background-color: var(--pink);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='654' height='313' viewBox='0 0 654 313' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.15' d='M3.50004 72.4355C27.7608 45.3963 55.9729 0.708396 105.482 3.63727C123.777 4.81486 138.416 16.1076 141.3 29.7254C145.311 48.5064 136.697 65.687 129.565 83.849C120.122 106.012 108.07 127.495 96.2362 149.054C83.5329 174.101 63.8754 201.396 70.9876 228.843C78.258 255.611 118.423 263.476 146.2 249.844C193.497 219.317 256.5 150.504 298.185 118.165C311.146 108.926 332.581 109.816 343.171 121.849C352.456 132.749 351.251 147.258 347.833 159.139C337.659 191.387 314.109 242.189 311.916 273.486C309.269 294.969 331.179 307.258 356.644 309.342C407.102 312.407 467.161 270.255 501.439 244.771C528.268 223.786 552.094 200.113 574.023 175.293C614.84 126.876 640.938 80.9655 608.221 53.5338C595.084 42.4524 570.981 34.9943 550.395 38.2402C510.309 43.1469 491.422 71.7562 484.507 100.124C477.533 125.216 476.546 150.609 482.927 175.807C502.328 255.384 587.556 278.589 650.5 207.315' stroke='white' stroke-width='7' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
}

.services__info_form-heading {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.services__info_form-text {
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
}

.services__info_form-img {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* Акции */

.offers {
    margin-top: 130px;
}

.offers__content {
    margin-top: 40px;
}

.offers__slider {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
}

.offers__slider-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    background-color: var(--grey);
    border-radius: 30px;
}

.offers__slider-info {
    padding: 20px;
    background-color: var(--white);
    border-radius: 20px;
}

.offers__info-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.offers__slider-img {
    height: 680px;
    border-radius: 30px;
}

.offers__info-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.offers__info-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--pink);
}

.offers__info-text {
    font-size: 20px;
    font-weight: 500;
}

.offers__info-label {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--pink);
    background-color: var(--light-pink);
    border-radius: 100px;
}

.offers__info-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style-type: disc;
    padding-left: 20px;
}

.offers__info-list li::marker {
    color: var(--pink);
}

.offers__info-note {
    font-size: 14px;
    opacity: .5;
}

.offers__slider-text {
    margin-bottom: auto;
    font-size: 20px;
    font-weight: 500;
}
.offers__slider-text.mobile {
    display: none;
}

.offers__slider-right {
    position: relative;
}

.offers__slider-arrow {
    position: absolute;
    top: calc(50% - 50px);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--light-pink);
    border-radius: 100px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
.offers__slider-arrow::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.16124 0.927443C0.109735 0.874964 0.069469 0.813232 0.0427423 0.745771C0.0160155 0.67831 0.00335026 0.606441 0.00547075 0.534267C0.00759125 0.462093 0.024456 0.391028 0.0551009 0.32513C0.0857458 0.259231 0.129572 0.19979 0.184076 0.150199C0.23858 0.100608 0.302695 0.0618391 0.372761 0.0361057C0.442826 0.0103722 0.517469 -0.00182182 0.592429 0.000219872C0.667389 0.00226156 0.741198 0.0184989 0.80964 0.0480049C0.878083 0.0775109 0.939819 0.119708 0.991324 0.172186L5.84395 5.11928C5.94416 5.22134 6 5.35646 6 5.49691C6 5.63736 5.94416 5.77248 5.84395 5.87454L0.991324 10.8222C0.940159 10.8758 0.878436 10.9191 0.809742 10.9496C0.741048 10.98 0.666751 10.9971 0.591168 10.9997C0.515584 11.0022 0.44022 10.9903 0.369454 10.9646C0.298687 10.9389 0.233929 10.9 0.178939 10.85C0.12395 10.8 0.0798264 10.74 0.0491314 10.6734C0.0184364 10.6069 0.00178194 10.5351 0.000135422 10.4623C-0.0015111 10.3895 0.0118823 10.3171 0.0395389 10.2493C0.0671954 10.1815 0.108563 10.1197 0.16124 10.0675L4.64392 5.49691L0.16124 0.927443Z' fill='%23EB407A'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.offers__slider-arrow-prev::after {
    transform: rotateZ(180deg);
}

.offers__slider-arrow-prev {
    left: 0;
}

.offers__slider-arrow-next {
    right: 0;    
}

.offers__slider-nav {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.offers__slider-count {
    align-self: flex-end;
    display: flex;
    gap: 5px;
    font-weight: 500;
    color: rgba(34, 34, 34, .5);
}

.offers__slider-current {
    font-size: 40px;
    line-height: 100%;
    font-weight: 700;
    color: var(--black);
}

.offers__slider-slide-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px 7px 7px;
    font-size: 12px;
    line-height: 130%;
    color: var(--pink);
    background-color: var(--light-pink);
    border-radius: 100px;
}
.offers__slider-slide-tag::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='16' height='16' rx='8' fill='white'/%3e%3cpath d='M8.5703 4.15532C8.63077 4.08408 8.71484 4.03363 8.80932 4.0119C8.9038 3.99016 9.00332 3.99837 9.09227 4.03523C9.18121 4.07209 9.25453 4.13552 9.30071 4.21555C9.34689 4.29558 9.36331 4.38768 9.34739 4.47738L8.88421 7.07688H10.5609C10.6434 7.07687 10.7243 7.09859 10.7942 7.13956C10.8641 7.18053 10.9203 7.23909 10.9562 7.30852C10.9921 7.37795 11.0064 7.45544 10.9974 7.5321C10.9883 7.60876 10.9563 7.68149 10.9051 7.74194L7.42926 11.8447C7.36879 11.9159 7.28472 11.9664 7.19024 11.9881C7.09576 12.0098 6.99624 12.0016 6.90729 11.9648C6.81835 11.9279 6.74503 11.8645 6.69885 11.7844C6.65267 11.7044 6.63625 11.6123 6.65217 11.5226L7.11535 8.92312H5.43868C5.35619 8.92306 5.27538 8.90128 5.20552 8.86027C5.13567 8.81927 5.07958 8.76071 5.0437 8.69129C5.00782 8.62188 4.9936 8.54442 5.00265 8.4678C5.01171 8.39117 5.04369 8.31849 5.09491 8.25806L8.5703 4.15532Z' fill='%23EB407A'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/*  */

.results {
    margin-top: 130px;
    padding-top: 50px;
    padding-bottom: 65px;
    color: var(--white);
    background-color: var(--black);
    border-radius: 50px 50px 0 0;
}

.results__content {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding: 30px;
    background-color: var(--grey);
    border-radius: 30px;
}

.swiper.results-swiper-big {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    width: 80%;
    padding: 20px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}

.results__slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    height: 100%;
}

.results__slide-image {
    position: relative;
}

.results__slide-img {
    width: 100%;
    height: 548px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.results__slide-image-span {
    position: absolute;
    inset: 10px auto auto 10px;
    display: inline-block;
    padding: 4.5px 33.5px;
    font-weight: 700;
    color: var(--white);
    background-color: var(--pink);
    border-radius: 100px;
}

.results__slide-thumbs {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.swiper.results-swiper-small {
    width: 20%;
}

.results__swiper-nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

.swiper-button-next.results-button-next,
.swiper-button-prev.results-button-prev {
    position: static;
    margin-top: 0;
}

.results__swiper-navigation {
    display: flex;
    align-items: center;
    gap: 20px;
}

.swiper-pagination.results-pagination {
    position: static;
    display: flex;
    gap: 5px;
    font-weight: 500;
    color: rgba(34, 34, 34, .5);
}

.swiper-pagination.results-pagination .swiper-pagination-current {
    font-size: 40px;
    line-height: 100%;
    font-weight: 700;
    color: var(--black);
}

.swiper.results-swiper-small .swiper-slide {
    opacity: .5;
}
.swiper.results-swiper-small .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.results__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}



/* Мастера */

.masters {
    padding-top: 60px;
    padding-bottom: 50px;
    color: var(--white);
    background-color: var(--black);
    border-radius: 0 0 50px 50px;
    overflow: hidden;
}

.masters__content {
    margin-top: 80px;
}

.swiper.masters-swiper {
    overflow: visible;
}

.masters__card {
    display: flex;
    flex-direction: column;
}

.masters__card-image {
    position: relative;
    height: 400px;
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='433' height='394' viewBox='0 0 433 394' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-24.2616 318.739C-25.4823 287.199 -34.8501 241.681 -2.47063 216.11C9.55121 206.725 25.3825 206.125 35.3385 213.612C49.0894 223.92 54.0718 240.179 60.5596 256.269C68.0185 276.315 73.4568 297.357 79.0748 318.329C86.248 342.113 90.4699 371.264 111.34 385.633C131.899 399.46 161.462 382.381 170.461 357.836C181.395 311.161 179.068 230.194 185.445 185.429C187.917 172.055 201.709 160.732 215.479 162.877C227.764 164.991 235.725 175.347 240.741 185.179C253.8 212.364 269.72 259.372 287.145 281.485C298.4 297.299 319.326 293.321 336.327 280.554C369.374 254.546 381.226 193.015 387.134 156.945C391.135 128.019 391.666 98.9685 390.335 70.2067C386.525 15.1911 375.116 -29.9682 338.419 -30.0916C323.643 -30.185 304.26 -21.7633 293.475 -8.15095C271.627 17.4114 277.113 47.0113 289.86 69.7937C300.604 90.4219 315.232 107.924 334.299 121.197C394.053 163.536 460.692 131.641 456.852 49.0643' stroke='%23FFDFEA' stroke-width='5' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px 20px 0 0 ;
}

.masters__card-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: none;
    object-position: bottom;
}

.masters__card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    color: var(--black);
    background-color: var(--white);
    border-radius: 0 0 20px 20px;
}

.masters__card-info-span {
    font-size: 20px;
    font-weight: 500;
    color: var(--pink);
}

.masters__card-info-title {
    font-size: 30px;
    font-weight: 700;
}

.masters__card-info-text {
    opacity: .5;
}

.masters__card-info-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 20px;
}
.masters__card-info-btns a {
    flex: 1;
}

.btn__small {
    padding: 14.5px 20px;
    font-weight: 700;
    text-align: center;
    color: var(--white);
    background-color: var(--pink);
    border-radius: 100px;
}
.btn__small:hover {
    background-color: var(--black);
}
.btn__small.pink {
    color: var(--pink);
    background-color: var(--light-pink);
}
.btn__small.pink:hover {
    color: var(--white);
    background-color: var(--pink);
}



/*  */

.works {
    margin-top: 130px;    
}

.works__content {
    margin-top: 40px;
}

.works__slide-video {
    width: 100%;
    height: 650px;
    background-color: #222222;
    border-radius: 20px;
}

.works__form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
    padding: 20px 20px 20px 40px;
    background-color: var(--black);
    border-radius: 20px;
}

.works__form-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
}


/* SPA */

.spa {
    margin-top: 130px;   
    overflow: hidden;
} 

.spa__content {
    margin-top: 40px;
}

.spa__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 50px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
}
.spa__card-1 {
    background-image: url('/img/spa-img-1.webp');
}
.spa__card-2 {
    background-image: url('/img/spa-img-2.webp');
}
.spa__card-3 {
    background-image: url('/img/spa-img-3.webp');
}
.spa__card-4 {
    background-image: url('/img/spa-img-4.webp');
}

.spa__card-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.spa__card-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    border-radius: 30px;
}

.spa__card-item-text {
    font-weight: 700;
    color: var(--white);
    text-align: center;
}

.spa__card-item-price {
    font-size: 40px;
    line-height: 130%;
    font-weight: 700;
    color: var(--white);
    text-align: center;
}

.spa__card-item-span {
    position: absolute;
    left: 20px;
    top: -25px;
    padding: 7px 15px;
    font-weight: 700;
    color: var(--pink);
    background-color: var(--light-pink);
    border-radius: 100px;
}


/* Портфолио */

.portfolio {
    margin-top: 130px;
}

.portfolio__content {
    margin-top: 40px;
}

.portfolio__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 307px;
    grid-auto-rows: 307px;
    gap: 20px;
}

.portfolio__item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.portolio__item-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 20px;
    background-color: var(--pink);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='470' height='324' viewBox='0 0 470 324' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.15' d='M3.50084 239.106C9.08301 212.984 10.7173 174.195 43.4179 157.796C55.5362 151.796 69.029 153.57 75.8654 161.156C85.3145 171.606 86.1124 185.695 88.2167 199.861C90.3115 217.421 90.4914 235.511 90.8377 253.569C91.9076 274.163 89.3601 298.75 103.969 313.56C118.429 327.881 146.97 318.064 159.715 299.16C178.734 262.327 193.745 195.383 208.515 159.469C213.406 148.82 227.426 141.48 238.603 145.217C248.532 148.716 253.082 158.376 255.256 167.183C260.582 191.418 264.169 232.371 274.245 253.059C280.432 267.68 298.934 267.406 315.966 259.337C349.322 242.674 372.23 193.75 384.781 164.922C394.224 141.698 400.763 117.875 405.67 94.0221C413.989 48.2158 413.824 9.42966 382.865 4.07222C370.409 1.87914 352.277 6.03142 340.317 15.6855C316.51 33.586 314.936 58.7234 320.922 79.2918C325.668 97.8012 334.349 114.295 347.666 127.946C389.241 171.335 452.195 154.641 466.266 86.1554' stroke='white' stroke-width='7' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e "); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.portfolio__item-form-img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 354px;

}

.portfolio__item.form {
    grid-area: 3 / 2 / 4 / 3 ;
}


/*  */

.reviews {
    margin-top: 130px;
}

.reviews__content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    margin-top: 40px;
}

.reviews__cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews__card {
    flex: 1;
}

.reviews__card-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    height: 100%;
    background-color: var(--grey);
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}

.reviews__card-heading {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__card-heading-star {
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='32' viewBox='0 0 34 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.6436 0L20.5725 12.0922L33.287 12.0922L23.0008 19.5656L26.9298 31.6578L16.6436 24.1844L6.35731 31.6578L10.2863 19.5656L6.48499e-05 12.0922L12.7146 12.0922L16.6436 0Z' fill='%23EB407A'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.reviews__card-heading-span {
    font-size: 40px;
    font-weight: 700;
}

.reviews__card-heading-text {
    font-size: 14px;
    font-weight: 500;
    opacity: .5;
}

.reviews__card-bottoming-icon {
    display: inline-block;
    width: 189px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%;
}
.reviews__card-bottoming-icon.ya {
    background-image: url('/img/yandex.svg');
}
.reviews__card-bottoming-icon.twogis {
    background-image: url('/img/2gis.svg');
}

.reviews__card-bottoming-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--pink);    
    border-radius: 100px;
    transition: transform .2s;
}
.reviews__card-bottoming-btn::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.499927 8.98577L8.98521 0.500485M8.51946 8.7444L8.98521 0.500485L0.74129 0.966229' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.reviews__card-link:hover .reviews__card-bottoming-btn {
    transform: rotateZ(45deg);
}

.reviews__card-bottoming {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.swiper.reviews-swiper {
    min-width: 0;
    max-width: 100%;
    padding-bottom: 20px;
}

.reviews__slide-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.swiper-scrollbar.reviews-scrollbar .swiper-scrollbar-drag {
    background: var(--pink);
}

.reviews__form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 20px 20px 20px 40px;
    background-color: var(--black);
    border-radius: 20px;
}

.reviews__form-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
}



/* Салоны */

.salons {
    margin-top: 130px;
}

.salons__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 40px;
    padding: 30px;
    border-radius: 30px;
}

.salons__map {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 30px;
    overflow: hidden;
}

.salons__info {
    position: relative;
    z-index: 1;
    width: 45%;
    color: var(--white);
    background-color: var(--black);
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    overflow: hidden;
}

.salons__info-heading {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;    
}

.salons__info-heading-text {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.salons__info-socials {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.salons__info-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.salons__info-item-link {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border-radius: 100px;
}
.salons__info-item-link.vk {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0217 7.0098C16.0217 7.0098 17.477 8.40651 17.837 9.05282C17.8444 9.06188 17.8499 9.07229 17.8532 9.08344C17.9996 9.32191 18.0365 9.50994 17.9639 9.64754C17.8424 9.87581 17.4311 9.99038 17.2916 10H14.7194C14.5403 10 14.1677 9.95452 13.7141 9.65017C13.3676 9.4149 13.0229 9.02746 12.6891 8.64877C12.1905 8.08641 11.7594 7.59839 11.3229 7.59839C11.2678 7.59906 11.2132 7.60791 11.1609 7.62463C10.8306 7.72608 10.4112 8.18349 10.4112 9.40178C10.4112 9.7831 10.1016 10 9.88468 10H8.70659C8.3052 10 6.21542 9.86356 4.36234 7.96484C2.09166 5.6402 0.0522805 0.976911 0.0324807 0.935806C-0.094418 0.634074 0.171979 0.469652 0.459976 0.469652H3.05735C3.40565 0.469652 3.51905 0.674305 3.59824 0.857967C3.69004 1.06874 4.03024 1.91184 4.58823 2.85902C5.49183 4.40003 6.04712 5.02711 6.49082 5.02711C6.57416 5.02723 6.65608 5.00612 6.72841 4.96589C7.30801 4.65629 7.20001 2.64474 7.17301 2.23019C7.17301 2.14973 7.17211 1.33199 6.87511 0.93668C6.66271 0.653315 6.30092 0.543117 6.08222 0.502886C6.14072 0.420675 6.26492 0.294735 6.42422 0.220395C6.82111 0.0279866 7.5384 0 8.2503 0H8.64539C9.41759 0.010495 9.61738 0.0585971 9.89818 0.127689C10.4634 0.258877 10.4742 0.614833 10.4247 1.82701C10.4103 2.17334 10.395 2.56341 10.395 3.02256C10.395 3.12052 10.3905 3.22984 10.3905 3.34091C10.3734 3.96274 10.3509 4.66329 10.8027 4.95102C10.8611 4.98694 10.9289 5.00576 10.998 5.00525C11.1546 5.00525 11.6235 5.00525 12.8952 2.88438C13.4531 1.9477 13.8851 0.843099 13.9148 0.760014C13.94 0.713661 14.0156 0.583348 14.1074 0.530873C14.173 0.497854 14.246 0.481034 14.3198 0.481896H17.3753C17.7083 0.481896 17.9342 0.530873 17.9783 0.653315C18.0521 0.851846 17.9639 1.45793 16.5689 3.29106C16.334 3.59629 16.1279 3.86042 15.947 4.09131C14.6825 5.70404 14.6825 5.78538 16.0217 7.0098Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}
.salons__info-item-link.max {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.19337 17.9486C7.4269 17.9486 6.60599 17.6896 5.17907 16.6536C4.27649 17.8191 1.41835 18.73 1.29369 17.1716C1.29369 16.0018 1.03581 15.0133 0.743545 13.9342C0.395418 12.6046 0 11.124 0 8.97864C0 3.85477 4.18624 0 9.14611 0C14.1103 0 17.9999 4.0447 17.9999 9.02612C18.0166 13.9305 14.0765 17.9225 9.19337 17.9486ZM9.26645 4.42888C6.85099 4.3037 4.96846 5.98288 4.55156 8.61604C4.20772 10.796 4.81804 13.4507 5.33809 13.5888C5.58737 13.6493 6.21488 13.1399 6.60599 12.7471C7.25273 13.1958 8.00585 13.4653 8.78938 13.5284C11.2922 13.6493 13.4308 11.7356 13.5988 9.22471C13.6966 6.70844 11.7696 4.5772 9.26645 4.4332V4.42888Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}

.salons__info-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: var(--white);
    border-radius: 20px 20px 0 0;
}

.salons__info-btns {
    display: flex;
    align-items: center;
    gap: 20px;
}

.salons__info-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 30px;
    font-weight: 700;
    color: var(--pink);
    background-color: var(--light-pink);
    border-radius: 100px;
}
.salons__info-btn:hover {
    background-color: var(--black);
}

.btn__route {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 16C18.7956 16 19.5587 16.3161 20.1213 16.8787C20.6839 17.4413 21 18.2044 21 19C21 19.7956 20.6839 20.5587 20.1213 21.1213C19.5587 21.6839 18.7956 22 18 22C17.2044 22 16.4413 21.6839 15.8787 21.1213C15.3161 20.5587 15 19.7956 15 19C15 18.2044 15.3161 17.4413 15.8787 16.8787C16.4413 16.3161 17.2044 16 18 16ZM15.5 4C16.6935 4 17.8381 4.47411 18.682 5.31802C19.5259 6.16193 20 7.30653 20 8.5C20 9.69347 19.5259 10.8381 18.682 11.682C17.8381 12.5259 16.6935 13 15.5 13H8.5C7.83696 13 7.20107 13.2634 6.73223 13.7322C6.26339 14.2011 6 14.837 6 15.5C6 16.163 6.26339 16.7989 6.73223 17.2678C7.20107 17.7366 7.83696 18 8.5 18H13C13.2652 18 13.5196 18.1054 13.7071 18.2929C13.8946 18.4804 14 18.7348 14 19C14 19.2652 13.8946 19.5196 13.7071 19.7071C13.5196 19.8946 13.2652 20 13 20H8.5C7.30653 20 6.16193 19.5259 5.31802 18.682C4.47411 17.8381 4 16.6935 4 15.5C4 14.3065 4.47411 13.1619 5.31802 12.318C6.16193 11.4741 7.30653 11 8.5 11H15.5C16.163 11 16.7989 10.7366 17.2678 10.2678C17.7366 9.79893 18 9.16304 18 8.5C18 7.83696 17.7366 7.20107 17.2678 6.73223C16.7989 6.26339 16.163 6 15.5 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5C10 4.73478 10.1054 4.48043 10.2929 4.29289C10.4804 4.10536 10.7348 4 11 4H15.5ZM6 2C6.79565 2 7.55871 2.31607 8.12132 2.87868C8.68393 3.44129 9 4.20435 9 5C9 5.79565 8.68393 6.55871 8.12132 7.12132C7.55871 7.68393 6.79565 8 6 8C5.20435 8 4.44129 7.68393 3.87868 7.12132C3.31607 6.55871 3 5.79565 3 5C3 4.20435 3.31607 3.44129 3.87868 2.87868C4.44129 2.31607 5.20435 2 6 2Z' fill='%23EB407A'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.salons__info-social {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.salons__info-social-span {
    font-size: 14px;
    font-weight: 500;
    opacity: .5;
}

.salons__info-social-link, .salons__info-social-text {
    font-size: 20px;
    font-weight: 500;
}

.swiper.salons-swiper {
    min-width: 0;
    max-width: 100%;
    padding-bottom: 20px;
}

.swiper-scrollbar.salons-scrollbar .swiper-scrollbar-drag {
    background: var(--pink);
}

.salons__slide-img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}



/* FAQ */

.faq {
    margin-top: 130px;
}

.faq__content {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-top: 40px;
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 60%;
}

.faq__image {
    width: 40%;
    height: 600px;
    object-fit: contain;
    object-position: center;
}

.faq__item-dropdown-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 30px;
    background-color: var(--grey);
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.faq__item-dropdown-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 600;
    color: var(--pink);
    background-color: var(--white);
    border-radius: 100px;
    flex-shrink: 0;
}

.faq__item-dropdown-title {
    font-size: 20px;
    font-weight: 500;    
}

.faq__item-dropdown-body {
    padding: 30px;
    margin-top: 10px;
    background-color: var(--light-pink);
    border-radius: 20px;
}

.faq__item-dropdown-text {
    opacity: .5;
}


/*  */

.footer {
    margin-top: 130px;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: var(--black);
    border-radius: 50px 50px 0 0;
}

.footer__form {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 30px;
    height: 400px;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1340' height='400' viewBox='0 0 1340 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.05' d='M-29 25.255C22.7838 -23.875 83.0016 -105.073 188.678 -99.7509C227.726 -97.6112 258.974 -77.0924 265.13 -52.349C273.691 -18.2241 255.305 12.9931 240.082 45.9934C219.925 86.263 194.202 125.298 168.942 164.471C141.828 209.98 99.8692 259.576 115.05 309.447C130.568 358.083 216.298 372.375 275.588 347.604C376.542 292.137 511.019 167.104 599.996 108.346C627.659 91.5574 673.413 93.1758 696.016 115.039C715.835 134.844 713.263 161.206 705.967 182.795C684.25 241.389 633.985 333.696 629.304 390.562C623.653 429.597 670.419 451.927 724.775 455.712C832.475 461.281 960.67 384.692 1033.83 338.387C1091.1 300.257 1141.96 257.245 1188.76 212.147C1275.88 124.174 1331.59 40.754 1261.76 -9.08927C1233.72 -29.2241 1182.27 -42.7753 1138.33 -36.8775C1052.77 -27.9622 1012.45 24.0207 997.694 75.5647C982.808 121.156 980.7 167.296 994.321 213.08C1035.73 357.672 1217.65 399.834 1352 270.329' stroke='white' stroke-width='5' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
}

.footer__form-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 500px;
    margin-left: auto;
    margin-right: 260px;
}

.footer .h2__text {
    text-transform: uppercase;
}

.footer__form-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer__form-socials {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--white);
}

.footer__form-socials-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__form-socials-item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 5px 5px 5px 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    backdrop-filter: blur(20px);
}
.footer__form-socials-item-link:hover {
    background-color: var(--pink);
}

.footer__form-socials-item-icon {
    width: 50px;
    height: 50px;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border-radius: 100px;
}
.footer__form-socials-item-icon.vk {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0217 7.0098C16.0217 7.0098 17.477 8.40651 17.837 9.05282C17.8444 9.06188 17.8499 9.07229 17.8532 9.08344C17.9996 9.32191 18.0365 9.50994 17.9639 9.64754C17.8424 9.87581 17.4311 9.99038 17.2916 10H14.7194C14.5403 10 14.1677 9.95452 13.7141 9.65017C13.3676 9.4149 13.0229 9.02746 12.6891 8.64877C12.1905 8.08641 11.7594 7.59839 11.3229 7.59839C11.2678 7.59906 11.2132 7.60791 11.1609 7.62463C10.8306 7.72608 10.4112 8.18349 10.4112 9.40178C10.4112 9.7831 10.1016 10 9.88468 10H8.70659C8.3052 10 6.21542 9.86356 4.36234 7.96484C2.09166 5.6402 0.0522805 0.976911 0.0324807 0.935806C-0.094418 0.634074 0.171979 0.469652 0.459976 0.469652H3.05735C3.40565 0.469652 3.51905 0.674305 3.59824 0.857967C3.69004 1.06874 4.03024 1.91184 4.58823 2.85902C5.49183 4.40003 6.04712 5.02711 6.49082 5.02711C6.57416 5.02723 6.65608 5.00612 6.72841 4.96589C7.30801 4.65629 7.20001 2.64474 7.17301 2.23019C7.17301 2.14973 7.17211 1.33199 6.87511 0.93668C6.66271 0.653315 6.30092 0.543117 6.08222 0.502886C6.14072 0.420675 6.26492 0.294735 6.42422 0.220395C6.82111 0.0279866 7.5384 0 8.2503 0H8.64539C9.41759 0.010495 9.61738 0.0585971 9.89818 0.127689C10.4634 0.258877 10.4742 0.614833 10.4247 1.82701C10.4103 2.17334 10.395 2.56341 10.395 3.02256C10.395 3.12052 10.3905 3.22984 10.3905 3.34091C10.3734 3.96274 10.3509 4.66329 10.8027 4.95102C10.8611 4.98694 10.9289 5.00576 10.998 5.00525C11.1546 5.00525 11.6235 5.00525 12.8952 2.88438C13.4531 1.9477 13.8851 0.843099 13.9148 0.760014C13.94 0.713661 14.0156 0.583348 14.1074 0.530873C14.173 0.497854 14.246 0.481034 14.3198 0.481896H17.3753C17.7083 0.481896 17.9342 0.530873 17.9783 0.653315C18.0521 0.851846 17.9639 1.45793 16.5689 3.29106C16.334 3.59629 16.1279 3.86042 15.947 4.09131C14.6825 5.70404 14.6825 5.78538 16.0217 7.0098Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}
.footer__form-socials-item-icon.max {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.19337 17.9486C7.4269 17.9486 6.60599 17.6896 5.17907 16.6536C4.27649 17.8191 1.41835 18.73 1.29369 17.1716C1.29369 16.0018 1.03581 15.0133 0.743545 13.9342C0.395418 12.6046 0 11.124 0 8.97864C0 3.85477 4.18624 0 9.14611 0C14.1103 0 17.9999 4.0447 17.9999 9.02612C18.0166 13.9305 14.0765 17.9225 9.19337 17.9486ZM9.26645 4.42888C6.85099 4.3037 4.96846 5.98288 4.55156 8.61604C4.20772 10.796 4.81804 13.4507 5.33809 13.5888C5.58737 13.6493 6.21488 13.1399 6.60599 12.7471C7.25273 13.1958 8.00585 13.4653 8.78938 13.5284C11.2922 13.6493 13.4308 11.7356 13.5988 9.22471C13.6966 6.70844 11.7696 4.5772 9.26645 4.4332V4.42888Z' fill='%23EB407A'/%3e%3c/svg%3e ");
}



/* Мобильное меню */

.header__burger {
    display: none;
    width: 50px;
    height: 50px;
    background-color: var(--pink);
    border-radius: 100px;
    cursor: pointer;
}
.header__burger::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.66699 5.5H18.3337M3.66699 11H18.3337M11.917 16.5H18.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mobile-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.mobile-menu__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    padding: 20px;
    background: #fff;
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    overflow-y: auto;
}
.mobile-menu.active .mobile-menu__content {
    transform: translateY(0);
}

.mobile-menu__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-top: 20px;
}

.mobile-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' clip-path='url(%23clip0_106_3330)'%3e%3cpath d='M30.6066 30.8198L20 20.2132M20 20.2132L9.3934 9.6066M20 20.2132L30.6066 9.6066M20 20.2132L9.3934 30.8198' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_3330'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu__link {
    font-size: 20px;
    color: #222;
    text-decoration: none;
}

.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-menu__phone {
    color: #222;
    text-decoration: none;
}

.mobile-menu__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

body.mobile-menu-open {
    overflow: hidden;
}

/*  */




/* Адаптивы */

@media screen and (max-width: 1400px) {
    .footer__form-img {
        height: 400px;
    }
}

@media screen and (max-width: 1280px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header__logo_icon, .footer__logo-icon {
        height: 60px;
        width: 60px;
    }

    .header__search_form {
        width: 350px;
    }

    .header__content, .footer__nav,
    .header__socials, .header__socials_block, .footer__nav-socials, .footer__nav-links {
        gap: 20px;
    }

    .header__socials_text, .header__socials_link, .footer__nav-text, .footer__nav-link {
        font-size: 16px;
    }

    .hero {
        border-radius: 0 0 40px 40px;
        padding-bottom: 40px;
    }

    .hero__info {
        padding-top: 40px;
    }

    .hero__info_span {
        font-size: 18px;
    }

    .h1 {
        font-size: 40px;
    }

    .h2__text {
        font-size: 36px;
    }

    .hero__info_text {
        font-size: 16px;
    }

    .hero__img {
        height: 546px;
        width: 600px;
        max-width: 600px;
        object-fit: contain;
        object-position: bottom;
    }

    .hero__info_list {
        gap: 10px;
    }

    .hero__info_item-icon {
        width: 40px;
        height: 40px;
    }

    .hero__info_item-text {
        font-size: 14px;
    }

    .services {
        padding-top: 110px;
    }

    .services__info_form {
        padding: 20px;
        border-radius: 20px;
    }

    .services__info_form-img {
        height: 220px;
    }

    .services__info_form-text {
        font-size: 16px;
    }

    .services__breed_img {
        height: 473px;
    }

    .offers {
        margin-top: 110px;
    }

    .offers__slider-text, .offers__info-text {
        font-size: 16px;
    }

    .offers__slider-left {
        padding: 20px;
    }

    .results {
        margin-top: 110px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: 40px 40px 0 0;
    }

    .results__content {
        flex-direction: column;
    }

    .swiper.results-swiper-big, .swiper.results-swiper-small {
        width: 100%;
        margin: 0;
    }

    .masters {
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: 0 0 40px 40px;
    }

    .masters__card-image {
        height: 370px;
    }

    .masters__card-img {
        height: 390px;
        object-fit: contain;
        object-position: center bottom;
    }

    .masters__card-info-title {
        font-size: 26px;
    }

    .works {
        margin-top: 110px;
    }

    .works__slide-video {
        height: 600px;
    }

    .works__form {
        margin-top: 30px;
    }

    .spa {
        margin-top: 110px;
    }

    .spa__card {
        padding: 30px;
        height: 752px;
    }

    .spa__card-1 {
        background-image: url('/img/spa-img-1-1280.webp');
    }
    .spa__card-2 {
        background-image: url('/img/spa-img-2-1280.webp');
    }
    .spa__card-3 {
        background-image: url('/img/spa-img-3-1280.webp');
    }
    .spa__card-4 {
        background-image: url('/img/spa-img-4-1280.webp');
    }

    .spa__card-info {
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }

    .portfolio {
        margin-top: 110px;
    }

    .spa__card-item-price {
        font-size: 36px;
    }

    .portfolio__list {
        grid-template-rows: 212px;
        grid-auto-rows: 212px;
    }

    .portfolio__item-form-img {
        height: 250px;
    }

    .portfolio__item.form .btn {
        position: relative;
        z-index: 1;
    }

    .reviews {
        margin-top: 110px;
    }

    .reviews__form {
        margin-top: 30px;
    }

    .salons {
        margin-top: 110px;
    }

    .salons__info {
        width: 50%;
    }

    .salons__info-btns {
        display: grid;
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr;
        justify-content: center;
    }

    .salons__info-heading-text, .salons__info-social-link, .salons__info-social-text {
        font-size: 16px;
    }

    .salons__content {
        padding: 20px;
    }

    .faq {
        margin-top: 110px;
    }

    .faq__list {
        width: 70%;
    }

    .faq__image {
        width: 30%;
        height: 500px;
    }

    .faq__item-dropdown-head {
        padding: 20px 30px;
    }

    .faq__item-dropdown-title {
        font-size: 16px;
    }

    .footer {
        margin-top: 110px;
        padding-top: 40px;
        border-radius: 40px 40px 0 0;
    }

    .footer__form-img {
        height: 350px;
        margin-right: 190px;
    }

    .footer__form-socials {
        align-items: flex-end;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .h2 {
        justify-content: center;
        gap: 20px;
    }
    .h2__icon {
        opacity: .2;
    }
    .h2__icon:last-child {
        display: block;
    }

    .hero__content {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .hero__image {
        grid-area: 2 / 1 / 3 / 2;
        height: 300px;
    }

    .hero__img {
        height: 503px;
        width: 586px;
        max-width: 586px;
    }

    .services {
        padding-top: 100px;
    }

    .services__main_tabs {
        margin-top: 0;
    }

    .services__main_tabs-nav {
        margin-right: auto;
    }

    .services__breed_tab-content {
        display: flex;
        flex-direction: column;
    }

    .services__main_tabs-content {
        border-radius: 30px;
    }

    .offers {
        margin-top: 100px;
    }

    .offers__content {
        padding: 20px;
        background-color: var(--grey);
        border-radius: 20px;
    }

    .offers__slider {
        display: flex;
        flex-direction: column-reverse;
        padding: 20px;
        background-color: var(--white);
        border-radius: 20px;
        margin-top: 20px;
    }

    .offers__slider-info {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .offers__slider-slide img {
        height: 628px;
        object-fit: cover;
        object-position: 50% 35%;
    }

    .offers__slider-left {
        flex-direction: column-reverse;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .offers__slider-text {
        display: none;
    }
    .offers__slider-text.mobile {
        display: block;
        text-align: center;
    }

    .offers__slider-progress {
        background: var(--grey);
    }

    .results {
        margin-top: 100px;
        border-radius: 30px 30px 0 0;
    }

    .results__slide-img {
        height: 400px;
    }

    .masters {
        border-radius: 0 0 30px 30px;
    }

    .masters__card-info-btns {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .works {
        margin-top: 100px;
    }

    .works__slide-video {
        height: 450px;
    }

    .works__form-title, .reviews__form-title {
        font-size: 18px;
        text-align: center;
    }

    .spa {
        margin-top: 100px
    }

    .spa__card {
        height: 700px;
        background-position: 0 0;
    }
    .spa__card-1 {
        background-image: url('/img/spa-img-1-991.webp');
    }
    .spa__card-2 {
        background-image: url('/img/spa-img-2-991.webp');
    }
    .spa__card-3 {
        background-image: url('/img/spa-img-3-991.webp');
    }
    .spa__card-4 {
        background-image: url('/img/spa-img-4-991.webp');
    }

    .portfolio {
        margin-top: 100px;
    }

    .portfolio__list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 250px;
        grid-auto-rows: 250px;
    }

    .portfolio__item.form {
        grid-area: 4 / 2 / 6 / 3;
    }

    .portolio__item-form {
        align-items: center;
    }

    .portfolio__item-form-img {
        height: 500px;
    }

    .reviews {
        margin-top: 100px;
    }

    .reviews__content {
        display: flex;
        flex-direction: column-reverse;
    }

    .reviews__cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 200px;
    }

    .salons {
        margin-top: 100px;
    }

    .salons__content {
        padding: 0;
    }

    .salons__map {
        position: static;
        width: 100%;
        height: 450px;
    }

    .salons__info {
        width: 100%;
        margin-top: -20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    }

    .footer {
        margin-top: 100px;
        border-radius: 30px 30px 0 0;
    }

    .footer__form {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 20px;
    }

    .footer__form-img {
        margin-right: 0;
    }

    .footer__form-socials {
        align-items: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .header__socials_block, .header__socials_list {
        display: none;
    }

    .header__burger {
        display: block;
    }

    .mobile-menu .header__socials_block, 
    .mobile-menu .header__socials_list {
        display: flex;
    }

    .header__socials_item_link {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .hero__img {
        width: 100%;
        max-width: 100%;
        height: 345px;    
        object-position: 100% 100%;
    }

    .hero__info_heading {
        align-items: center;
        gap: 20px;
        text-align: center;
    }

    .h1 {
        font-size: 36px;
    }

    .btn {
        font-size: 14px;
    }

    .btn__icon {
        width: 30px;
        height: 30px;
    }

    .hero__image {
        border-radius: 30px;
    }

    .hero__info_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero {
        border-radius: 0 0 30px 30px;
        padding-bottom: 30px;
    }

    .services {
        padding-top: 90px;
    }

    .services__main_tabs-nav {
        margin: 0;
    }

    .services__main_tab {
        flex-grow: 1;
    }

    .services__main_tabs-content {
        padding: 20px;
        border-radius: 0 0 20px 20px;
    }

    .services__info_form-heading {
        position: relative;
        z-index: 1;
        width: 70%;
    }

    .services__info_form-img {
        height: 180px;
    }

    .offers, .results, .works, .spa, .portfolio, .reviews, .salons, .faq, .footer {
        margin-top: 90px;
    }

    .offers__slider-slide img {
        height: 567px;
        border-radius: 20px;
    }

    .offers__info-card-top {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .offers__info-list li {
        font-size: 14px;
    }

    .results__content {
        padding: 20px;
        border-radius: 20px;
    }

    .results__slide-img {
        height: 300px;
    }

    .results__slide-image-span {
        font-size: 14px;
    }

    .results__slide-thumbs {
        height: 55px;    
    }

    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .swiper-pagination.results-pagination .swiper-pagination-current {
        font-size: 30px;
    }

    .results__slide {
        gap: 5px;
    }

    .btn__small {
        font-size: 14px;
    }

    .masters__card-image {
        height: 290px;
    }

    .masters__card-img {
        height: 310px;
    }

    .masters__card-info-span {
        font-size: 16px;
    }

    .masters__card-info-title {
        font-size: 20px;
    }

    .masters__card-info-text {
        font-size: 14px;
    }

    .works__form, .reviews__form {
        padding: 20px;
        flex-direction: column;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='451' height='215' viewBox='0 0 451 215' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.15' d='M1.82034 49.4021C18.5816 30.7389 38.0728 -0.10596 72.2779 1.91563C84.9171 2.72844 95.0312 10.523 97.024 19.9224C99.7948 32.8855 93.8437 44.7441 88.9163 57.28C82.392 72.5774 74.0659 87.4059 65.89 102.286C57.1135 119.574 43.5325 138.414 48.4462 157.359C53.4692 175.835 81.2182 181.264 100.409 171.854C133.085 150.784 176.613 103.287 205.413 80.966C214.367 74.5886 229.176 75.2034 236.492 83.5086C242.907 91.0322 242.075 101.046 239.714 109.247C232.684 131.506 216.414 166.571 214.899 188.173C213.07 203.001 228.207 211.483 245.801 212.921C280.661 215.037 322.155 185.943 345.837 168.353C364.372 153.868 380.833 137.529 395.984 120.397C424.183 86.9787 442.214 55.2897 419.611 36.3556C410.534 28.7069 393.882 23.5592 379.659 25.7996C351.965 29.1862 338.916 48.9332 334.139 68.5134C329.321 85.8324 328.638 103.36 333.047 120.752C346.451 175.678 405.334 191.695 448.82 142.499' stroke='white' stroke-width='3.64155' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e "); 
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .spa__card {
        align-items: center;
        justify-content: flex-start;
        height: 800px;
        padding: 20px;
        border-radius: 20px;
    }
    .spa__card-1 {
        background-image: url('/img/spa-img-1-767.webp');
    }
    .spa__card-2 {
        background-image: url('/img/spa-img-2-767.webp');
    }
    .spa__card-3 {
        background-image: url('/img/spa-img-3-767.webp');
    }
    .spa__card-4 {
        background-image: url('/img/spa-img-4-767.webp');
    }

    .spa__card-info {
        padding-top: 140px;
    }

    .portfolio__item.form {
        grid-area: span 1 / span 2;
    }

    .portfolio__item-form-img {
        height: 250px;
    }

    .reviews__cards {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }

    .salons__info-btn {
        font-size: 14px;
        padding: 13px 20px;
    }

    .h2__text {
        text-align: center;
    }

    .faq__content {
        align-items: stretch;
        flex-direction: column;
        margin-top: 20px;
    }

    .faq__list {
        width: 100%;
    }

    .faq__image {
        display: none;
    }

    .faq__item-dropdown-head, .faq__item-dropdown-body {
        padding: 20px;
    }

    .reviews__card-bottoming-btn {
        width: 40px;
        height: 40px;
    }

    .footer {
        padding-top: 20px;
    }

    .footer__form {
        align-items: center;
        gap: 260px;
        overflow: hidden;
        border-radius: 20px;
    }

    .footer__form-img {
        height: 400px;
        margin-right: auto;
    }

    .footer__form-socials {
        position: relative;
        z-index: 1;
        align-items: stretch;
        width: 100%;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        backdrop-filter: blur(20px);
    }

    .footer__form-socials-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer__form-socials-title {
        text-align: center;
    }

    .footer__form-info {
        align-items: center;
    }

    .footer__nav, .footer__nav-socials {
        flex-direction: column;
    }

    .footer__nav-socials {
        margin-left: 0;
    }

    .footer__form-socials-item-link {
        background-color: var(--black);
    }

    .salons__map {
        border-radius: 20px;
    }
}

@media screen and (max-width: 479px) {
    .h1, .h2__text {
        font-size: 32px;
    }

    .hero__info_item {
        padding: 15px;
    }

    .hero__image {
        border-radius: 20px;
    }

    .services__main_tab, .services__breed_tab {
        padding: 14.5px 30px;
    }

    .services__breed_img {
        height: 350px;
    }

    .services__info_form-heading {
        align-items: stretch;
        width: 100%;
        gap: 150px;
    }

    .services__info_form-img {
        left: 0;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .offers__slider-slide img {
        height: 440px;
    }

    .swiper.results-swiper-big {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .results__slide-img {
        height: 220px;
        border-radius: 15px;
    }

    .results__slide-image-span {
        padding: 4px 16px;
    }

    .results__content {
        padding: 10px;
    }

    .results__slide-thumbs {
        height: 45px;
        border-radius: 5px;
    }

    .masters {
        padding-bottom: 30px;
    }

    .masters__card-info {
        padding: 10px;
    }

    .works__form, .reviews__form {
        margin-top: 20px;
    }

    .spa__card {
        height: 700px;
    }

    .spa__card-info {
        padding-top: 100px;
    }

    .spa__card-item-span {
        top: -20px;
        font-size: 14px;
        padding: 4px 12px;
    }

    .spa__card-item {
        gap: 10px;
    }

    .portfolio__list {
        grid-template-rows: 190px;
        grid-auto-rows: 190px;
        gap: 10px;
    }

    .portfolio__item-img, .portolio__item-form {
        border-radius: 10px;
    }

    .reviews__slide-img {
        height: 450px;
    }

    .salons__info-body {
        padding: 10px;
    }

    .salons__info-btns {
        gap: 10px;
    }

    .faq__item-dropdown-head, .faq__item-dropdown-body {
        padding: 10px;
        border-radius: 10px;
    }

    .footer__form {
        gap: 200px;
        padding: 0;
    }

    .footer__form-img {
        height: 300px;
    }

    .footer__form-info {
        padding-top: 20px;
    }

    .footer__form-socials-item-icon {
        width: 40px;
        height: 40px;
    }

    .footer__form-socials {
        padding: 10px;
        gap: 10px;
    }

    .offers__slider, .offers__content, .services__main_tabs-content, .swiper.services-swiper {
        padding: 10px;
    }

    .offers__content, .swiper.services-swiper {
        border-radius: 15px;
    }

    .services__breed_img {
        border-radius: 15px;
    }

    .hero {
        padding-bottom: 20px;
    }

    .offers__slider-slide-tag {
        top: 10px;
        left: 10px;
    }
}