@charset "UTF-8";

/* ROOT */

:root {
    --main-color: #973c8f;
    --light-color: #c34fb9;
    --dark-color: #472566;
    --body-color: #1d1b1b;
    --gray-color: #FEFCF3;
    --dark-gray-color: #959595;
    --white-color: #fff;
    --brown-color: #554A46;
    --lime-color: #8ED383;
    --transparent-color: #1d1b1bc7;
    --main-family: 'Impact';
    --text-family: 'HelveticaNeueCyr';
}

@font-face {
    font-family: 'Helvetica';
    src: url('assets/fonts/helvetica/Helvetica.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Impact';
    src: url('assets/fonts/Impact/Impact.ttf');
    font-weight: 400;
    font-style: normal;
}

/* END-ROOT */

a {
    color: var(--main-color);
    text-decoration: none;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: var(--text-family), sans-serif !important;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    text-decoration: none;
    line-height: 1.2;
}

button:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none;
}

input:focus {
    outline: none !important;
}

a:active,
a:focus {
    outline: 0;
    outline: none !important;
}

cite {
    font-style: normal;
    color: var(--main-color);
}

a,
img,
span,
svg,
button,
input,
path {
    transition: .3s all ease;
}

a {
    display: inline-block;
    text-decoration: none;
}

span {
    display: inline-block;
}

.brown-color {
    color: var(--main-color) !important;
}

.mob {
    display: none !important;
}
.mb-30 {
    margin-bottom: 0;
}

.d-none {
    display: none;
}

.break {
display: none;
}

.wrapper {
    overflow: hidden;
    background: var(--body-color);
    color: var(--gray-color);
}

/* Кнопки */
.brown-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 34px;
    background: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    color: var(--white-color);
    border: 1px solid var(--main-color);
}

.brown-btn:hover {
    background: var(--gray-color);
    color: var(--body-color);
}

.border-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid var(--main-color);
    border-radius: 34px;
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
}

.border-btn:hover {
    background: var(--gray-color);
    color: var(--body-color);
}


/* Шапка */

header {
    position: relative;
    z-index: 10;
    align-items: center;
    display: grid;
    height: 100px;
    transition: .4s all ease;
}

header .head-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .head-block .head-logo {
    margin-right: 0;
    margin-left: 0;
    transition: .4s all ease;
}

header .head-block .head-logo img {
    width: 160px;
    margin-left: 30px;
}

header .head-block .menu-burger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.header .head-block .top-menu ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.header .head-block .right-head {
    display: flex;
    align-items: center;
    gap: 50px;
}

.header .head-block .top-menu ul li {
    list-style: none;
    margin: 0px 20px;
}

.header .head-block .top-menu ul li a {
    color: var(--dark-gray-color);
    position: relative;
    padding: 20px 0px;
}

.header .head-block .top-menu ul li a:hover {
    color: var(--gray-color);
}

.header .head-block .top-menu ul li :hover::after {
    background-color: var(--main-color);
}

.header .head-block .top-menu ul li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: transparent;
}

header .head-block .menu-burger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

header .head-block .menu-burger span {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 2px;
    background: #FEFCF3;
    border-radius: 28px;
}

header .head-block .menu-burger.active span.one {
    transform: rotate(45deg);
    top: 7px;
}

header .head-block .menu-burger.active span.three {
    transform: rotate(-45deg);
    top: -7px;
}

header .head-block .menu-burger.active span.two {
    opacity: 0;
}

header .head-social {
    display: flex;
    display: none;
    align-items: center;
    gap: 30px;
    width: 0;
    transition: .1s all ease;
    visibility: hidden;
    opacity: 0;
}

header .head-social .social {
    display: flex;
    align-items: center;
    gap: 30px;
}

header .head-social .social a {
    display: flex;
    align-items: center;
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

header .head-social .social a img {
    margin-right: 12px;
}

header.sticky .head-social .social a:hover {
    color: var(--light-color);
}

header.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    background: rgba(35, 32, 32, 0.90);
    box-shadow: 0px 2px 5px 0px rgba(172, 151, 134, 0.07);
    backdrop-filter: blur(7px);
    transition: .5s all ease;
}

header.sticky.active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    transition: .5s all ease;
}

header.active .head-social,
header.sticky .head-social {
    width: auto;
    transition: .4s all ease;
    visibility: visible;
    opacity: 1;
    display: flex;
    margin-right: 30px;
}

header.active .top-menu,
header.sticky .top-menu {
    display: none;
}

header.active .head-block,
header.sticky .head-block {
    justify-content: flex-end;
}

header.active .head-block .head-logo,
header.sticky .head-block .head-logo {
    margin-left: 0;
    margin-right: auto;
    transition: .4s all ease;
}

header.active .head-block .head-logo img,
header.sticky .head-block .head-logo img {
    margin-left: 0;
}

header .head-block {
    z-index: 102;
    position: relative;
}

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



    header .head-block .head-logo {
        margin-left: 0;
        height: 17px;
    }

    header .head-block .head-logo img {
        width: 115px;
        margin-top: -5px;
        margin-left: 0px;
    }

    header.active .head-social,
    header.sticky .head-social {
        margin-right: 20px;
    }

    header .head-social .social {
        display: none;
    }

    header .head-social .brown-btn {
        font-size: 14px;
        padding: 7px 15px;
    }

    header {
        padding: 14px 0;
        height: 70px;
    }

    .header .head-block .right-head {
        gap: 0px;
    }

}

/* Меню */
.menu-wrap {
    background: var(--transparent-color);
    position: absolute;
    right: -100%;
    transform: scaleX(0);
    top: 0px;
    backdrop-filter: blur(10px);
    padding-top: 120px;
    width: 100%;
    z-index: 101;
    transition: .6s all ease;
}

.menu-wrap.active {
    right: 0;
    transform: scaleX(1);
}

.menu-block {
    background: transparent;
    padding: 22px 0 60px;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 100001;
}

.menu-block .menu-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 40px;
}

.menu-block .menu-links li {
    list-style: none;
}

.menu-block .menu-links a {
    font-family: var(--main-family);
    font-size: 65px;
    line-height: normal;
    letter-spacing: 5px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--light-color);
    margin-bottom: 4px;
}

.menu-block .menu-links a:hover {
    -webkit-text-fill-color: var(--main-color);
    -webkit-text-stroke: 1px var(--body-color);
}

.menu-block .menu-address-block {
    display: flex;
    align-items: flex-start;
    justify-content: right;
    gap: 35px;
}

.menu-block .menu-address {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menu-block .menu-address span {
    color: var(--dark-gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 12px;
}

.menu-block .menu-address a,
.menu-block .menu-address p {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 10px;
}

.menu-block .menu-social {
    margin-top: 22px;
    display: flex;
    flex-direction: inherit;
    justify-content: flex-end;
    gap: 12px;
}

.menu-block .menu-hr {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    align-items: flex-end;
}

.menu-block .menu-hr span {
    color: var(--dark-gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 12px;
}

.menu-block .menu-hr a,
.menu-block .menu-hr p {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 10px;
}

.menu-block .menu-hr a:hover {
    color: var(--body-color);
}

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

    .menu-block .menu-hr {
        align-items: center;
    }

    .menu-block .menu-address-block {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        gap: 25px;
    }

    .menu-block .menu-address-block {
        display: block;
    }

    .menu-block .menu-links a {
        font-size: 35px;
        line-height: normal;
        letter-spacing: 2.1px;
        margin-bottom: 10px;
    }

    .menu-social .border-btn {
        padding: 10px 25px;
    }

    .menu-wrap {
        top: 0px;
        padding-top: 100px;
        background: var(--body-color);
    }

    .menu-block {
        background: none;
        padding: 14px 16px 32px;
    }

    .menu-block .menu-links {
        margin-bottom: 30px;
    }

    .menu-block .menu-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .menu-block .menu-address-block {
        order: 3;
    }

    .menu-block .menu-social {
        order: 1;
        margin-top: 0;
        width: 100%;
        margin-bottom: 50px;
    }

    .menu-block .menu-social a {
        width: 100%;
        text-align: center;
    }

    .menu-block .mob {
        order: 2;
    }

    .menu-block .brown-btn.mob {
        display: none !important;
    }

    .menu-block .menu-mob-social {
        gap: 30px;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

    .menu-block .menu-mob-social a {
        color: var(--gray-color);
        font-size: 16px;
        line-height: 0px;
        align-items: center;
        display: flex;
    }

    .menu-block .menu-mob-social a img {
        margin-right: 12px;
    }

    .menu-block .menu-address {
        text-align: center;
        align-items: center;
    }

}

/*POPUP*/
.pum-content {
    padding: 20px;
}

.pum-content .form-agree p {
    color: var(--dark-gray-color);
    text-align: center;
    font-size: 12px !important;
    line-height: 18px;
}

.pum-content .form-agree a {
    color: var(--main-color);
}

.pum-title.popmake-title {
    color: var(--main-color) !important;
    font-family: var(--main-family) !important;
    font-size: 28px;
    padding: 20px 25px;
    text-transform: uppercase;
    line-height: 110.5%;
}

.pum-content label {
    font-size: 14px;
    color: var(--dark-gray-color);
    width: 100%;
    margin-top: 15px;
    padding-bottom: 5px;
}

.pum-content .form-group input {
    width: 100%;
    padding: 10px 20px;
    border-radius: 34px;
    border: 1px solid var(--main-color);
    background: var(--brown-color);
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    color: var(--gray-color);
}

.pum-content .wpcf7-form-control-wrap {
    width: 100%;
}

.pum-content .brown-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 34px;
    width: 100%;
    margin-top: 35px;
    background: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    color: var(--white-color);
    border: 1px solid var(--main-color);
}

.pum-content .brown-btn:hover {
    color: var(--body-color);
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal=true]) {
    padding: 0px !important;
}

.pum-container {
    padding: 20px;
}

.wpcf7 form .wpcf7-response-output {
    padding: 0.5em 1em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

.sending p {
    text-align: center;
}

.wpcf7-spinner {
    margin-top: 10px !important;
}
.form-flex {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.form-flex .wpcf7-not-valid-tip {
    position: absolute;
}


/* MODAL */
.modal .modal-dialog {
    max-width: 1100px;
    margin: 150px auto 20px;
}

.modal .modal-content {
    padding: 25px;
    background: var(--body-color);
    border: none;
    border-radius: 0;
}

.modal .modal-header {
    border: none;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.modal .modal-close {
    border: none;
    background: transparent;
    padding: 0;
    z-index: 3;
}

.modal .modal-close:hover {
    transform: rotate(90deg);
}

.modal .modal-body {
    padding: 0;
}

.modal .modal-form .form-group {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form-group input {
    width: 100%;
    padding: 10px 20px;
    border-radius: 34px;
    border: 1px solid var(--main-color);
    background: var(--brown-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 10px;
    letter-spacing: 0.08px;
    color: var(--gray-color);
}

.form-group input:hover {
    border-color: var(--gray-color);
}

.form-group input::placeholder {
    color: var(--dark-gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
}

.modal .modal-form .form-btn {
    padding: 0px 0 12px;
    display: flex;
    justify-content: center;
}

.modal .modal-form .form-btn button {
    width: 100%;
}

.modal .modal-form .form-agree p {
    color: var(--dark-gray-color);
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

.modal .modal-form .form-agree p a {
    color: var(--main-color);
    text-decoration: underline;
}

.modal label {
    font-size: 14px;
    color: var(--dark-gray-color);
    padding-bottom: 5px;
}

.modal .form-desc {
    padding-bottom: 15px;
}

.modal .modal-title {
    color: var(--main-color);
    font-family: var(--main-family);
    font-size: 28px;
    text-transform: uppercase;
    line-height: 110.5%;
}

.modal .main-title {
    color: var(--white-color);
    font-family: var(--main-family);
    font-size: 46px;
    text-transform: uppercase;
    line-height: 110.5%;
}

.modal .modal-title .modal-logo {
    width: 100px;
}


/*Модальное окно для мастеров*/
.modal-content.master:before {
    content: "";
    display: block;
    position: absolute;
    right: -100px;
    top: -100px;
    width: 70%;
    height: 500px;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    opacity: 1;
    filter: blur(150.5px);
}

/* Модальное окно для программ */
.modal-content.programm .modal-title {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 50px;
    z-index: 2;
    margin-top: -50px;
    margin-bottom: 30px;
    line-height: 100%;
}

.modal-form .zagolovok {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}

.modal-form .danger {
    color: var(--main-color);
    font-size: 13px;
    max-width: 500px;
}

.modal-form .gray {
    color: var(--dark-gray-color);
    font-weight: 400;
}

.modal-form .pricing {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0px;
}

.modal-form .pricing .price {
    margin-right: 55px;
}

.modal-form .pricing .price:last-child {
    margin-right: 0px;
}

.modal-form .pricing p {
    color: var(--white-color);
}

.modal-form .pricing span {
    font-size: 40px;
    color: var(--main-color);
    line-height: 1;
    margin-top: 10px;
    font-weight: 900;
}

.modal-form .sostav {
    margin: 0px;
    padding-left: 0rem;
    list-style: none;

}

.modal-form .sostav li {
    color: var(--dark-gray-color);
    font-size: 16px;
    margin: 3px 0px;
}

.modal-form .sostav li i {
    color: var(--main-color);
    margin-right: 10px;
}

.modal-content.programm::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--body-color) 60%, rgb(29 27 27 / 90%) 65.63%, rgb(29 27 27 / 85%) 70.63%, rgb(35 32 32 / 80%) 100.69%);
    z-index: 0;
}

.modal-content.programm {
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

.modal-form .right .form-group {
    align-items: center;
}

.modal-form .right .sending {
    display: flex;
    justify-content: center;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    color: var(--white-color);
}

.modal.show .modal-dialog {
    overflow: hidden;
}

.modal-form .right {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal-form .right .social {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0px;
}

.modal-form .right .social a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white-color);
}

/* Другие программы */
.other-programs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--dark-gray-color);
}

.other-programs .title {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 25px;
    margin-bottom: 0px;
    text-align: left;
}

.other-programs .description {
    color: var(--main-color);
    font-size: 14px;
    margin-top: 0;
}

.other-programs .price {
    display: flex;
    gap: 20px;
    align-items: center;
}

.other-programs .left {
    display: flex;
}

.other-programs .right {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.other-programs .pricing {
    display: flex;
    align-items: center;
    gap: 15px;
}

.other-programs:last-child {
    border-bottom: 0px;
}

.other-programs .pricing .time {
    font-size: 20px;
    color: var(--white-color);
    margin-top: 0px;
}

.other-programs .pricing .price {
    font-size: 40px;
    color: var(--main-color);
    line-height: 1;
    margin-top: 0px;
    font-weight: 900;
}

.other-programs .left .ftr-callback i {
    line-height: 0;
    font-size: 20px;
    padding: 10px;
    background: var(--main-color);
    border-radius: 50%;
    color: var(--white-color);
}
@media only screen and (max-width: 992px) {

    .other-programs {
        padding: 20px 0px;
    }

    .other-programs .left {
        width: 100%;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 992px) {
.modal-body .master-info {
    flex-wrap: wrap;
}
    .modal-content.programm {
        border-radius: 0;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }

    .modal-content.programm::before {
        content: "";
        display: block;
        position: absolute;
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, var(--body-color) 40%, rgb(29 27 27 / 90%) 50.63%, rgb(29 27 27 / 90%) 60.63%, rgb(35 32 32 / 59%) 100.69%);
        z-index: 0;
    }

    .modal-content.programm .modal-title {
        color: var(--gray-color);
        font-family: var(--main-family);
        font-size: 40px;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 100%;
    }

    .modal-content.programm h2 {
        margin-bottom: 30px !important;
    }

    .modal-form .right {
        text-align: center;
        margin-top: 50px;
    }
    .form-flex {

    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    }
    .opis.bottom {
    width: 100%;
    text-align: center;
    }
    .modal-form .pricing {
        gap: 20px;
    }
    .modal-form .pricing .price {
    margin-right: 10px;
}
}
/* Первая секция */
.main-sec {
    padding-top: 22px;
    padding-bottom: 20px;
    position: relative;
}

.main-sec::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 360px;
    width: 100%;
    height: 100%;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    filter: blur(162.5px);
}

.main-sec .container {
    position: relative;
    z-index: 2;
}

.main-sec .main-top {
    text-align: center;
    margin-bottom: 60px;
}

.main-sec .main-top-tag span {
    margin-bottom: 40px;
    border-radius: 81.516px;
    border: 1.315px solid var(--brown-color);
    background: var(--body-color);
    padding: 7px 12px;
    color: var(--light-color);
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1.12px;
}

.main-sec .main-top-title h1 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 100px;
    line-height: 100%;
}

.main-sec .main-top-title span {
    font-family: var(--main-family);
    font-size: 100px;
    line-height: normal;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
}

.main-sec .main-top-text p {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    font-style: normal;

}

.main-sec .main-top-text p span {
    color: var(--light-color);
}

.main-sec .main-icon {
    margin: 60px 0 90px;
    text-align: center;
}

.main-sec .main-block {
    margin-bottom: 75px;
}

.main-sec .main-block .row {
    align-items: center;
}

.main-sec .main-social {
    gap: 30px;
}

.main-sec .main-social a span {
    color: var(--gray-color);
    font-size: 16px;
    line-height: 18px;

}

.main-sec .main-social a:hover i {
    transform: scale(1.1);
    color: var(--white-color);
}


.main-sec .main-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-sec .main-btn .left-img {
    position: absolute;
    bottom: 0;
    left: -30px;
    opacity: 0.1;
    width: 120px;
}

.main-sec .main-btn .right-img {
    position: absolute;
    bottom: 0;
    width: 120px;
    right: -30px;
    opacity: 0.1;
}

.main-sec .main-btn a {
    display: inline-flex;
    padding: 21px 36px;
    justify-content: center;
    align-items: center;
    border-radius: 34px;
    background: var(--main-color);
    box-shadow: 0px 5px 5px var(--transparent-color);
    color: var(--white-color);
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.08px;
    font-size: 16px;
    border: 1px solid var(--main-color);
}

.main-sec .main-btn a:hover {
    background: var(--gray-color);
    color: var(--body-color);
}

.main-sec .main-social a,
.main-sec .main-social {
    display: flex;
    align-items: center;
}

.main-sec .main-car .car-text {
    max-width: 162px;
}

.main-sec .main-car .car-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: var(--gray-color);
}

.main-sec .main-car {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* TELEGRAM & WHATSAPP */
.tg,
.wt {
    gap: 10px;
}

.tg i, .tg svg  {
    font-size: 15px;
    color: var(--white-color);
    line-height: 0;
    background: var(--light-color);
    padding: 7px;
    border-radius: 50%;
    width:34px;
    height:34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tg.alt i,
.wt.alt i,
.tg.alt svg,
.wt.alt svg{
    font-size: 15px;
    color: var(--white-color);
    line-height: 0;
    background: var(--main-color);
    padding: 7px;
    border-radius: 50%;
}

.wt i, .wt svg {
    font-size: 15px;
    color: var(--white-color);
    line-height: 0;
    background: var(--light-color);
    padding: 7px;
    border-radius: 50%;
    width:34px;
    height:34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Видео карусель */

.main-sec .main-video-title {
    text-align: center;
    margin-bottom: 28px;
}

.main-sec .main-video-title span {
    color: var(--light-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 20px;
}

.main-sec .main-video-title p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    gap: 5px;
}

.main-sec .main-video-title p i {
    color: var(--light-color);
}

.main-sec .main-video-title p img {
    margin-right: 4px;
}

.video-slide-content {
    position: relative;
    margin-bottom: 30px;
}

.video-slide {
    overflow: hidden;
}

.video-block {
    position: relative;
    width: 100%;
    height: 390px;
    overflow: hidden;
    border-radius: 12px;
}

.video-block .video-img::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.28) 65.89%, rgba(0, 0, 0, 0.80) 100%);
}

.video-block .video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
        display: grid;
    justify-content: center;
}

.video-block .video-btn a {
    padding: 10px 18px;
    border-radius: 32px;
    background: var(--gray-color);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 2px 5px 0px rgba(103, 110, 118, 0.08);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--brown-color);
    transform: scale(0);
    transition: .3s all ease;
    opacity: 0;
}

.video-block .video-btn .podrobnee {
    padding: 10px 0px 0px;
    border-radius: 0;
    background: none;
    box-shadow: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--white-color);
    transform: scale(0);
    transition: .3s all ease;
    opacity: 0;
}

.video-block:hover .video-btn .podrobnee {
    transition: .3s all ease;
    opacity: 1;
}

.video-block:hover .video-btn a {
    transform: scale(1);
    transition: .3s all ease;
    opacity: 1;
}

.video-block .video-btn a:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.video-block .video-btn .podrobnee:hover {
    background: none;
    color: var(--light-color);
}

.video-block .video-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
}

.video-block .video-img img {
    border-radius: 12px;
width: 100%;
    object-fit: cover;
}

.video-block:hover .video-img img.default,
.video-block .video-img img.on-hover {
    opacity: 0;
    display: none;
}

.video-block:hover .video-img img.on-hover {
    opacity: 1;
    display: block;
}

.video-block .video-text {
    position: absolute;
    bottom: 22px;
    left: 0;
    z-index: 2;
    right: 0;
    margin: auto;
    text-align: center;
}

.video-block .video-text p {
    color: var(--gray-color);
    font-size: 12.348px;
    font-weight: 700;
    line-height: 17.64px;
}

.video-block .video-text p span {
    font-weight: 400;
}

.video-slide .swiper-button-next {
    right: -28px;
}

.video-slide .swiper-button-prev {
    left: -28px;
}

.video-slide .swiper-button-next.swiper-button-disabled,
.video-slide .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}


.swiper-button-next:after,
.swiper-button-prev:after {
    content: none;
}

.online-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--lime-color);
    animation: pulsing 2s infinite;
    transition: all 0.2s;
    position: absolute;
    right: 10px;
    top: 10px;
}

@keyframes pulsing {
    from {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .16), 0 0 0 0 rgba(255, 255, 255, .5)
    }

    to {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .16), 0 0 0 14px transparent
    }
}

/*Код для работы видео*/
.video-block .video-img {
    height: 100%;
}

.video-person {
    width: 100%;
    height: 100%;
    background: black;
    /* Added fix-orientation */
    object-fit: cover;
}

*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

/* New shadow dom for play button */

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}


/* код для видео  END*/

@media only screen and (max-width: 992px) {
    .video-block {
    position: relative;
    width: 100%;
    height: 410px;
    }
.video-block .video-img img {
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
}
    .video-slide .swiper-button-next {
        right: 5px;
    }

    .video-slide .swiper-button-prev {
        left: 5px;
    }

    .main-sec {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .main-sec .main-top-tag span {
        margin-bottom: 20px;
    }

    .main-sec .main-top-title span,
    .main-sec .main-top-title h1 {
        font-size: 43px;
        line-height: 100%;
    }

    .main-sec .main-top-title span {
        margin-bottom: 22px;
    }

    .main-sec .main-icon {
        margin: 50px 0 60px;
    }

    .main-sec .main-icon img {
        width: 100%;
    }

    .main-block .col-two {
        order: 1;
    }

    .main-block .col-one {
        order: 2;
        margin: 40px 0;
    }

    .main-block .col-three {
        order: 3;
    }

    .main-sec .main-social {
        justify-content: center;
    }

    .main-sec .main-car .car-text {
        max-width: 100%;
    }

    .main-sec .main-block {
        margin-bottom: 90px;
    }

    .main-sec .main-video-title {
        margin-bottom: 40px;
    }

    .video-slide .swiper-btn {
        display: block;
    }

    .video-slide-content .swipe-icon {
        position: absolute;
        right: 16px;
        top: 10px;
        z-index: 3;
    }
}

/* Конец первой секции */



/* Вечеринки */
.party-sec {
    padding-top: 100px;
}

.party-sec .party-rov {
    justify-content: center;
    position: relative;
}

.party-sec .party-title {
    text-align: center;
}

.party-sec .party-title .title-inner {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.party-sec .party-title .title-info {
    display: inline-block;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 40px;
    padding: 7px 12px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
}

.party-sec .party-title .title-info span {
    color: var(--light-color);
}

.party-sec .party-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.party-sec .mod-title,
.party-sec .mod-inner {
    text-align: center;
    position: relative;
}

.party-sec .mod-title span {
    color: var(--light-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 30px;
}

.party-sec .mod-inner {
    position: absolute;
    right: 100px;
    bottom: -90px;
    text-align: left;
}

.party-sec .mod-inner .mod-inner-text {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    max-width: 197px;

}

.party-sec .mod-inner .mod-inner-text span {
    color: var(--dark-color);
}

/* party-slide */
.party-slide-content {
    position: relative;
    padding: 230px 0;
    overflow: hidden;
}

.party-block {
    height: 200px;
    width: 400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all ease;
    position: relative;
}


.party-block .party-img {
    position: relative;
    z-index: 2;
}

.party-block .party-img img {
    max-height: 215px;
    transition: .3s all ease;
    filter: brightness(0.3);
    border-radius: 5px;
}

.party-block .date {
    position: absolute;
    bottom: -50px;

}

.party-block .date span {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--dark-color);

}

.party-slide .swiper-slide.swiper-slide-next .party-block .date span {
    color: var(--main-color);
}

.party-block .party-in {
    opacity: 0;
    transform: scale(0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 3;
    width: 100%;
    transition: .3s all ease;
}

.party-block .party-in .party-btn .brown-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 12px;
    border-radius: 34px;
    background: var(--main-color);
    font-size: 9px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    color: var(--white-color);
    border: 1px solid var(--main-color);
}

.party-block .party-in .party-btn .brown-btn:hover {
    background: var(--white-color);
    color: var(--body-color);

}

.party-block .party-in .party-btn {
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    right: 0;
}

.party-block .party-in .party-info p {
    color: var(--brown-color);
    font-size: 8px;
    margin-top: 5px;
    padding: 3px 10px 2px;
    border-radius: 50px;
    background: var(--white-color);
    font-weight: 500;
    line-height: 1;
    border: 1px solid var(--gray-color);
}

.party-block .party-in .party-info p span {
    color: var(--light-color);
}

.party-slide .swiper-slide.swiper-slide-next {
    z-index: 2;
}

.party-slide .swiper-slide.swiper-slide-next .party-block {
    transform: scale(2);
    transition: .6s all ease;
    z-index: 2;
}

.party-slide .swiper-slide.swiper-slide-next .party-block:hover img {
    filter: brightness(0.3);
}

.party-slide .swiper-slide.swiper-slide-next .party-block:hover .party-in {
    opacity: 1;
}

.party-slide .swiper-slide.swiper-slide-next .party-block img {
    filter: none;
    box-shadow: 0px 0px 10px var(--main-color);
    border-radius: 5px;
}

.party-slide .swiper-slide.swiper-slide-next .party-in {
    opacity: 0;
    transform: scale(1);
}

.party-slide .swiper-slide .mod-inner-title {
    font-family: var(--main-family);
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.4px var(--main-color);
    margin-bottom: 20px;
    position: absolute;
    top: -75px;
    line-height: 0.8;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all ease;
}

.party-slide .swiper-slide.swiper-slide-next .mod-inner-title {
    font-family: var(--main-family);
    text-transform: uppercase;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5px;
    -webkit-text-fill-color: var(--main-color);
    -webkit-text-stroke: 1px var(--main-color);
    transform: scale(1);
    top: -240px;
    width: 300%;
    left: -100%;
}

.party-slide .swiper-button-next {
    right: 13.5%;
}

.party-slide .swiper-button-prev {
    left: 13.5%;
}

.party-slide .swiper-pagination {
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: var(--light-color);
    border-radius: 50%;
}

@media only screen and (max-width: 992px) {
.party-sec {
    padding-top: 50px;
}
    .party-sec .party-title .title-inner {
        font-size: 32px;
        line-height: 110%;
    }

    .party-sec .party-line img {
        width: 100%;
    }

    .party-slide .swiper-slide.swiper-slide-next .party-block {
        transform: scale(1);
        z-index: 1;
    }

    .party-slide .swiper-slide.swiper-slide-active .party-block {
        transform: scale(1);
    }

    .party-slide .swiper-slide.swiper-slide-active {
        z-index: 3;
    }

    .party-slide-content {
        padding: 20px 0 20px;
        margin-left: -12px;
        margin-right: -12px;
    }
    .party-block .party-img img {
    filter: none;
        padding: 10px;
            border-radius: 20px;
        
}

    .party-slide .swiper-slide.swiper-slide-next .mod-inner-title {
        text-align: center;
        text-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.07);
        font-size: 43px;
        letter-spacing: 2.15px;
        top: 0;
    }



    .party-slide .swiper-slide .mod-inner-title {
top: 0px;
    font-size: 40px;
        z-index: 3;
    line-height: 1;
    letter-spacing: 1.15px;
    -webkit-text-fill-color: var(--main-color);
    -webkit-text-stroke: transparent;
    }

    .party-slide .swiper-slide.swiper-slide-active .mod-inner-title {
        width: 100%;
        left: 0%;
    }

    .party-sec .mod-inner {
        position: unset;
        text-align: center;
    }

    .party-sec .mod-inner .mod-inner-text {
        margin-left: auto;
        margin-right: auto;
    }

    .party-slide .swiper-slide.swiper-slide-next .party-in {
        opacity: 0;
        transform: scale(0);
    }

    .party-slide .swiper-slide.swiper-slide-active .party-in {
        opacity: 1;
        transform: scale(1.6);
        left: 0;
        bottom: 20px;
    }
    .party-block .date {
    position: absolute;
    bottom: -5px;
}

    .party-block .date span {
        color: var(--main-color);
    }
    .party-block .party-in .party-info p {
        margin-top: 10px;
    }

    .party-slide-content .swipe-icon {
    position: absolute;
    right: 20px;
    top: 90px;
    z-index: 3;
}
    .party-block .party-in .party-btn {
        transform: scale(1);
    }
    .swiper-slide-next .mod-inner-title, .swiper-slide-prev .mod-inner-title {
        display: none !important;
    }
    .party-block .party-in .party-info p {
        transform: scale(1);
        margin-bottom: 6px;
    }

    .party-block {
        height: 330px;
        width: 330px;
        left: -9px;
    }

    .party-slide .swiper-button-next,
    .party-slide .swiper-button-prev {
        top: 46%;
    }

    .party-slide .swiper-button-next {
        right: 5px;
    }

    .party-slide .swiper-button-prev {
        left: 5px;
    }

}

/* Наши мастера */

.our-masters {
    padding: 100px 0 0px;
}

.our-masters .our-rov {
    justify-content: center;
}

.our-masters .our-title {
    text-align: center;
}

.our-masters .our-title h2 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.our-masters .our-title-text {
    max-width: 478px;
    margin: 0 auto 20px;
}

.our-masters .our-title-text p {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.our-masters .our-title-text .brown-color {
    color: var(--dark-color);
}

.our-masters .our-tag {
    margin-bottom: 20px;
}

.our-masters .our-tag p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: var(--gray-color);
}

.our-masters .our-tag p span {
    color: var(--main-color);
    margin-right: 5px;
    font-weight: 700;
}

.our-masters .our-tag p img {
    margin-right: 12px;
}

.our-masters .our-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 26px;
}

.our-masters .our-right a {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
}

.our-masters .our-right a::before,
.our-masters .our-right a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--brown-color);
}

.our-masters .our-right a::before {
    bottom: -2px;
}

.our-masters .our-right a:hover {
    color: var(--gray-color);
}

.our-masters .our-right a:hover::before {
    background-color: var(--main-color);
}

.our-masters .our-right a:hover::after {
    background: transparent;
}

.our-masters .our-left {
    display: flex;
    align-items: flex-end;
}

.our-masters .our-left .master-num {
    font-family: var(--main-family);
    font-size: 140px;
    font-weight: 400;
    letter-spacing: -2.117px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--light-color);
    line-height: 40px;
    position: relative;
    top: -27px;
}

.our-masters .our-left .master-num .dot {
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 16px;
    background: var(--lime-color);
    border-radius: 50%;
    animation: pulsing 2s infinite;
    transition: all 0.2s;
}

.our-masters .our-left p {
    max-width: 123px;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-left: 12px;
}

.our-masters .our-left p span {
    color: var(--light-color);
}

.our-masters .swiper-button-next {
    right: -70px;
}

.our-masters .swiper-button-prev {
    left: -70px;
}

.masters-slide {
    position: relative;
    overflow: hidden;
}

.masters-gallery-slide {
    position: relative;
    overflow: hidden;
    height: 550px;

}

.masters-gallery-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.master-block {
    position: relative;
    overflow: hidden;
    height: 635px;
    padding: 20px 20px 20px 15px;
    flex-shrink: 0;
    border-radius: 22px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.master-block::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.28) 65.89%, rgba(0, 0, 0, 0.80) 100%);
}

.master-block .master-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .2s all ease;
}

.master-block .master-img img.on-hover {
    opacity: 0;
    transition: .7s all ease;
}

.master-block:hover .master-img img.default,
.master-block:hover .master-img img.on-hover {
    opacity: 1;
    transition: .7s all ease;
}

.master-status {
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 23px;
}

.master-block .master-status .dot,
.master-status .dot {
    width: 8px;
    height: 8px;
    margin-top: 0px;
    border-radius: 50%;
    margin-right: 10px;
    background: var(--lime-color);
    animation: pulsing 2s infinite;
    transition: all 0.2s;
}

.master-block .master-text {
    position: relative;
    z-index: 2;
    width: 100%;
}

.master-block .master-text .master-name {
    color: var(--gray-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    margin-bottom: 20px;
}

.master-block .master-text .master-info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px;
}

.master-block .master-text .master-info p {
    min-width: 110px;
    text-align: center;
    color: var(--light-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.master-block .master-text .master-info p span {
    display: block;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 10px;
}

.master-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: nowrap;
    margin-top: 30px;
}

.desc-master {
    margin: 10px 0px 20px;
}

.desc-master p {
    color: var(--white-color);
    margin-bottom: 20px;
}

.master-info p {
    min-width: 110px;
    text-align: left;
    color: var(--light-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.master-info p span {
    display: block;
    color: var(--gray-color);
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 10px;
}

.master-block .master-text .master-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.master-col {
    margin-bottom: 30px;
}

.our-end .end-title {
    text-align: center;
}

.our-end .end-title a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 40px;
    font-family: var(--main-family);
    font-size: 55px;
    font-weight: 400;
    letter-spacing: 2.75px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
}

.our-end .end-title a .btn-left-img {
    opacity: 0;
}

.our-end .end-title a .btn-right-img {
    opacity: 0;
}

.our-end .end-title a:hover img {
    opacity: 0.1;
    margin: 0 10px;
}

.our-end .end-title a:hover {
    -webkit-text-stroke: 1px var(--main-color);
}

.our-end .end-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.our-end .end-block .end-left-text,
.our-end .end-block .end-right-text {
    color: var(--gray-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.our-end .end-block .end-center-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
    color: var(--main-color);
}

.our-end .end-block .end-center-text img {
    margin-right: 12px;
}

.our-end .end-block .end-center-text span {
    color: var(--gray-color);
    margin-left: 4px;
}
.go-work {
text-align: center;
    width: max-content;
    margin: 20px auto 30px;
    font-size: 20px;
    border: 1px solid var(--brown-color);
    padding: 15px 30px;
    gap: 15px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: radial-gradient(216.32% 236.17% at 172.14% 195.42%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%), var(--body-color);
}

@media only screen and (max-width: 992px) {
    .go-work {
    text-align: center;
    width: 100%;
    margin: 20px auto 30px;
    font-size: 17px;
    border: 1px solid var(--brown-color);
    padding: 15px 15px;
    border-radius: 25px;
    flex-direction: column;
}
    .master-block .master-text .master-info p {
    min-width: 90px;
    }
        .masters-gallery-slide {
        position: relative;
        overflow: hidden;
        height: 400px;
    }
    
    .our-masters .our-left .master-num {
        top: 0px;
        line-height: 0px;
        font-size: 100px;
    }

    .our-masters .our-top {
        justify-content: space-around;
    }

    .our-masters .our-left p {
        max-width: 100%
    }

    .our-masters .our-left .master-num .dot {
        position: absolute;
        right: -15px;
        top: -40px;
    }

    .our-masters {
        padding: 80px 0 40px;
    }

    .our-masters .our-title h2 {
        font-size: 32px;
        line-height: 110%;
    }

    .our-masters .our-tag p span {
        color: var(--main-color);
    }

    .our-masters .our-top {
        margin: 20px 0 12px;
    }

    .our-masters .our-top {
        flex-wrap: wrap;
    }

    .our-masters .our-top .our-right {
        width: 75%;
        text-align: right;
        margin-top: 16px;
    }

    .master-block {
        height: 450px;
        padding: 16px;
        margin: 10px 10px;
        border-radius: 10px;
    }

    .master-block .brown-btn,
    .master-block .border-btn {
        padding: 7px 15px;
        font-size: 14px;
    }

    .master-block .master-text .master-info p {
        color: var(--light-color);
    }

    .master-block .master-text .master-info {
        margin-bottom: 16px;
    }

    .master-block .master-text .master-name {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 18px;
    }

    .master-col {
        margin-bottom: 8px;
    }
    
     .our-end .end-title a {
        font-size: 32px;
        line-height: normal;
        letter-spacing: 1.6px;
        position: relative;
        -webkit-text-stroke: 1px var(--main-color);
        margin: 20px 0 30px;
    }

    .our-end .end-title a .btn-right-img,
    .our-end .end-title a .btn-left-img {
        opacity: 1;
        height: 32px;
    }

    .our-end .end-title a .btn-right-img {
        position: absolute;
        right: 0;
        top: 0;
    }

    .our-end .end-title a .btn-left-img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .our-end .end-block {
        flex-direction: column;
    }

    .our-end .end-block .end-center-text {
        flex-wrap: wrap;
    }
}

/* Выбери удобное время */
.choose-sec {
    padding-top: 80px;
    position: relative;
}

.choose-sec::after {
    content: "";
    display: block;
    max-width: 1291px;
    width: 100%;
    height: 762px;
    flex-shrink: 0;
    border-radius: 1291px;
    background: radial-gradient(88.04% 89.58% at 50.04% 104.79%, var(--light-color) 11.98%, var(--dark-color) 41.15%, #fff0 83.85%), #fff0;
    filter: blur(99px);
    position: absolute;
    right: 161px;
    bottom: 0;
    z-index: 1;
}

.choose-sec::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--body-color) 0%, rgba(35, 32, 32, 0.57) 15.63%, rgba(35, 32, 32, 0.00) 29.69%);
    z-index: 3;
}

.choose-sec .choose-col {
    position: relative;
    z-index: 4;
}

.choose-sec .choose-img {
    position: relative;
    z-index: 2;
}

.choose-sec .choose-img img {
    position: relative;
    left: -200px;
}

.choose-sec .choose-title span {
    display: flex;
    align-items: flex-end;
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
}

.choose-sec .choose-title p {
    font-family: var(--text-family), sans-serif;
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-left: 20px;
}

.choose-sec .choose-title p .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
    background: var(--lime-color);
    animation: pulsing 2s infinite;
    transition: all 0.2s;
    margin-left: 11px;
}

.choose-sec .choose-text p {
    color: var(--gray-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.choose-sec .choose-text {
    max-width: 345px;
    margin: 20px 0 30px;
}

.choose-sec .choose-text p span {
    color: var(--light-color);
}

.choose-sec .choose-btn {
    display: inline-block;
    margin-bottom: 27px;
}

.choose-sec .choose-price p,
.choose-sec .choose-price a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.choose-sec .choose-price a:hover {
    color: var(--main-color);
}

.choose-sec .choose-price p i {
    color: var(--main-color);
    font-size: 20px;
    line-height: 0;
}

.choose-sec .choose-price .desc {
    display: flex;
    gap: 15px;
    align-items: center;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

}

.choose-sec .choose-price p img {
    margin-right: 12px;
}

.choose-sec .choose-price p span {
    color: var(--main-color);
    margin-right: 5px;
}

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

    .choose-sec {
        padding-top: 50px;
    }

    .choose-sec .choose-title span {
        flex-direction: column;
        align-items: center;
    }

    .choose-sec .choose-title p {
        margin-left: 0;
        margin-top: 20px;
    }

    .choose-sec .choose-title span {
        font-size: 32px;
        line-height: normal;
    }

    .choose-sec .choose-text {
        text-align: center;
        max-width: 100%;
        margin: 20px 0 50px;
    }

    .choose-sec .choose-img img {
        left: -5%;
        width: 110%;
        border: 0px solid var(--main-color);
        border-radius: 0px;
    }

    .choose-sec::after {
        height: 414px;
        right: 0;
    }

    .choose-sec .choose-in.last {
        margin-top: 40px;
        text-align: center;
    }

    .choose-sec .choose-price p {
        flex-direction: column;
        justify-content: center;
        font-size: 14px;
    }
}

/* Акции и бонусы */

.sale-sec {
    padding-top: 130px;
    position: relative;
    z-index: 2;
    background: var(--body-color);
}

.sale-sec::after {
    content: "";
    display: block;
    width: 100%;
    height: 520px;
    position: absolute;
    top: 200px;
    left: 0;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%);
    filter: blur(160px);
}

.sale-sec .container {
    position: relative;
    z-index: 3;
}

.sale-sec .sale-title {
    text-align: center;
    margin-bottom: 50px;
}

.sale-sec .sale-title h2 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.sale-sec .sale-title p {
    font-family: var(--main-family);
    font-size: 140px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 7px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--light-color);
}

.sale-sec .sale-block {
    padding: 30px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--brown-color);
    transition: .3s all ease;
    height: 100%;
}

.sale-sec .sale-block.bot {
    background: radial-gradient(175.83% 190.13% at -22.74% 214.55%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%), var(--body-color);

}

.sale-sec .sale-block.bot:hover {
    background: radial-gradient(163.39% 165.71% at 106.25% 203.16%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%), var(--body-color);
}

.sale-sec .sale-block:hover {
    border-color: var(--main-color);
}

.sale-sec .sale-block .sale-head {
    max-width: 288px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.sale-sec .sale-block .sale-head p span {
    color: var(--light-color);
}

.sale-sec .sale-block .sale-head p {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 24px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.sale-sec .sale-block .sale-head > span {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.sale-sec .sale-block .sale-body {
    display: flex;
    align-items: flex-start;
    padding: 40px 12px 0;
}

.sale-sec .sale-block .sale-img {
    position: relative;
}

.sale-sec .sale-block .sale-img .phone-img {
    position: relative;
}

.sale-sec .sale-block:hover .sale-img .phone-img {
    transform: rotate(-5deg);
}

.sale-sec .sale-block .sale-img .present-img {
    position: absolute;
    left: 153px;
    bottom: 0;
    width: 177px;
    height: 177px;
    transition: .2s all ease;
}

.sale-sec .sale-block:hover .sale-img .present-img {
    transform: rotate(5deg);
    width: 190px;
    height: 190px;
    transition: .2s all ease;
}

.sale-sec .sale-block .sale-text {
    margin-left: auto;
    text-align: center;
}

.sale-sec .sale-block .sale-text p {
    color: var(--gray-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.sale-sec .sale-block .sale-text span {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
}

.sale-sec .sale-block .sale-text a {
    margin-top: 40px;
}

.sale-sec .custom-rov {
    margin-left: -3px;
    margin-right: -3px;
}

.sale-sec .custom-col {
    padding-left: 3px;
    padding-right: 3px;
}

.sale-relax {
    text-align: center;
    margin: 20px 0;
}

.sale-relax p {
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
    padding: 7px 12px;
    display: inline-block;
}

.sale-relax p span {
    color: var(--light-color);
}

.sale-block .sale-img .vip-map {
    position: absolute;
    left: 60px;
    bottom: 0;
    z-index: -1;
    height: 410px;
}

.sale-block .sale-vip .sale-img {
    position: unset;
}

.sale-block:hover .sale-vip .sale-img img {
    transform: rotate(-5deg) scale(1.1);
}

.sale-block .sale-vip {
    position: relative;
    overflow: hidden;
}

.sale-block .sale-vip .follow-text {
    max-width: 220px;
    margin: 75px 30px 220px auto;
}

.sale-block .sale-vip .follow-text p {
    color: var(--gray-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
}

.sale-block .sale-vip .follow-text p span {
    color: var(--main-color);
}

.sale-block .sale-vip .sale-btn {
    text-align: center;
    position: relative;
}

.sale-block .sale-vip .sale-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--body-color);
}

.sale-block .sale-vip .sale-btn a img {
    margin-right: 12px;
}

.sale-block .sale-vip .sale-btn a:hover {
    background: var(--gray-color);
    color: var(--body-color);
}

.sale-block .sale-vip .sale-btn .arrow-btn {
    position: absolute;
    bottom: 70px;
    left: 170px;
}

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

    .sale-sec {
        padding-top: 100px;
    }

    .sale-sec .sale-title h2 {
        font-size: 32px;
        line-height: 110%;
    }

    .sale-sec .sale-title p {
        font-size: 60px;
        line-height: normal;
        letter-spacing: 3px;
    }

    .sale-sec .sale-title {
        margin-bottom: 40px;
    }

    .sale-sec .sale-block .sale-body {
        flex-direction: column;
    }

    .sale-sec .sale-block .sale-text {
        margin-top: 30px;
        margin-right: auto;
    }

    .sale-sec .sale-block .sale-head p {
        font-size: 18px;
        line-height: 110%;
    }

    .sale-sec .sale-block .sale-body {
        padding: 30px 0 0;
    }

    .sale-sec .sale-block {
        padding: 16px;
    }

    .sale-sec .sale-block .sale-text a {
        margin-top: 30px;
    }

    .sale-sec .sale-block .sale-img .present-img {
        width: 108px;
        height: 108px;
    }

    .sale-sec .sale-block:hover .sale-img .present-img {
        width: 114px;
        height: 114px;
    }

    .sale-sec .sale-block .sale-img .phone-img {
        width: 128px;
        height: 258px;
        margin-left: 50px;
    }

    .sale-sec .custom-col {
        margin-bottom: 20px;
    }

    .sale-block .sale-img .vip-map {
        position: unset;
        width: 100%;
        height: auto;
    }

    .sale-block .sale-vip .follow-text {
        max-width: 300px;
        margin: 20px 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .sale-block .sale-vip .follow-text p {
        font-weight: 500;
    }

    .sale-block .sale-vip .sale-btn .arrow-btn {
        bottom: 170px;
        left: 70px;
    }
}

/* Наши программы */

.relax-sec {
    padding-top: 150px;
    padding-bottom: 50px;
}

.relax-sec .title {
    text-align: center;
    margin-bottom: 50px;
}

.relax-sec .title h2, .relax-sec .title h1 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.relax-sec .title span {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.relax-sec .title p {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.relax-sec .relax-rov {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.relax-sec .relax-col.one {
    max-width: 360px;
    width: 100%;
    height: 550px;
    margin-right: 6px;
}

.relax-sec .relax-col.one .relax-btn {
    bottom: 0;
}

.relax-sec .relax-col.one .relax-text {
    bottom: 0;
}

.relax-sec .relax-col:hover .relax-btn {
    bottom: 0;
}

.relax-sec .relax-col:hover .relax-text {
    bottom: 0;
}

.relax-sec .relax-col.two {
    max-width: 260px;
    width: 100%;
    height: 273px;
}

.relax-sec .relax-col.two .relax-text {
    bottom: -120px;
}

.relax-sec .relax-col.two:hover .relax-text {
    bottom: 0;
}

.relax-sec .relax-col.three {
    max-width: 366px;
    width: 100%;
    height: 273px;
}

.relax-sec .relax-last {
    gap: 6px;
    display: flex;
    align-items: flex-start;
    margin-top: 6px;
}

.relax-sec .relax-col.four {
    max-width: 640px;
    width: 100%;
    height: 273px;
}

.relax-sec .relax-right {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.relax-sec .relax-block {
    padding: 20px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 19.22%, rgba(0, 0, 0, 0.26) 57.25%, rgba(0, 0, 0, 0.80) 90.13%);
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.relax-sec .relax-block > div {
    position: relative;
    z-index: 2;
    transition: .4s all ease;
}

.relax-sec .relax-block::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 19.22%, rgba(0, 0, 0, 0.26) 57.25%, rgba(0, 0, 0, 0.80) 90.13%);
}

.relax-sec .relax-top p {
    display: inline-flex;
    align-items: center;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 7px 12px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
    background: var(--transparent-color);
}

.relax-top i {
    line-height: 0;
    margin-right: 7px;
}

.relax-sec .relax-top p img {
    margin-right: 12px;
}

.relax-sec .relax-top p span {
    color: var(--main-color);
}

.relax-sec .relax-text {
    bottom: -80px;
}

.relax-sec .relax-text p {
    color: var(--gray-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 20px;
}

.relax-sec .relax-text span {
    overflow: hidden;
    color: var(--dark-gray-color);
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    height: 72px;
    margin-bottom: 20px;
}

.relax-sec .relax-btn {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    bottom: -80px;
    transition: .4s all ease;
}

.relax-sec .border-btn {
    padding: 10px 20px;
}

.relax-sec .relax-col .relax-more .link-btn,
.relax-sec .relax-btn .link-btn {
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.07px;
    padding: 14px 22px;
}

.relax-sec .relax-col .relax-more .link-btn:hover,
.relax-sec .relax-btn .link-btn:hover {
    color: var(--main-color);
}

.relax-sec .relax-col.five {
    max-width: 250px;
    width: 100%;
}

.relax-sec .relax-col .relax-more {
    height: 273px;
    padding: 20px;
    border-radius: 22px;
    background: radial-gradient(216.32% 236.17% at 172.14% 195.42%, var(--light-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%), var(--body-color);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(85, 74, 70, 1);
    transition: .3s all ease;
}

.relax-sec .relax-col .relax-more .relax-top span {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
}

.relax-sec .relax-col .relax-more:hover {
    border-color: var(--main-color);
}

.relax-sec .relax-col .relax-more .more-num {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.relax-sec .relax-col .relax-more .more-num p {
    font-family: 'Helvetica';
    font-size: 100px;
    font-weight: 400;
    line-height: 110.5%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--gray-color);
}

.relax-sec .relax-col .relax-more .more-num span {
    font-family: 'Helvetica';
    font-size: 55px;
    font-weight: 400;
    line-height: 110.5%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--gray-color);
}

.relax-sec .relax-col .relax-more .link-btn {
    color: var(--dark-gray-color);
}

.relax-sec .relax-col:hover .relax-text span {
    color: var(--gray-color);
}

.relax-sec .swiper-button-next {
    right: -70px;
}

.relax-sec .swiper-button-prev {
    left: -70px;
}

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

    .relax-sec {
        padding-top: 50px;
    }

    .relax-sec .relax-col {
        max-width: 100% !important;
        height: 200px !important;
    }

    .relax-sec .relax-last,
    .relax-sec .relax-rov,
    .relax-sec .relax-right {
        flex-direction: column;
        width: 100%;
    }

    .relax-sec .relax-col.one {
        height: 350px !important;

    }

    .relax-sec .relax-col {
        margin-bottom: 20px;
    }

    .relax-sec .relax-block .link-btn,
    .relax-sec .relax-block .border-btn {
        padding: 7px 15px;
        font-size: 14px;
    }

    .relax-sec .relax-text span {
        font-size: 12px;
        line-height: 18px;
        color: var(--gray-color);
        margin-bottom: 10px;
    }

    .relax-sec .relax-text p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .relax-sec .relax-block {
        padding: 14px;
        width: 100%;
        max-width: 100%;
    }

    .relax-inner {
        width: 100%;
    }

    .relax-sec .relax-block::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 19.22%, rgba(0, 0, 0, 0.26) 57.25%, rgba(0, 0, 0, 0.80) 90.13%);
    }

    .relax-sec .relax-text,
    .relax-sec .relax-btn,
    .relax-sec .relax-col.two .relax-text {
        bottom: 0;
    }

    .relax-sec .relax-col.four .relax-text span,
    .relax-sec .relax-col.three .relax-text span {
        display: none;
    }

    .relax-sec .relax-col.five {
        height: 260px !important;
    }

    .relax-sec .relax-col .relax-more {
        height: 260px;
        padding: 14px;
    }

    .relax-sec .relax-right {
        gap: 8px;
    }

    .relax-sec .relax-last {
        gap: 8px;
        margin-top: 8px;
    }
       .relax-sec .title h2, .relax-sec .title h1 {
        font-size: 32px;
    }

}

/* Интерьер */
.service-sec {
    padding: 150px 0 130px;
}

.service-sec .title {
    text-align: center;
}

.service-sec .title h2 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.service-sec .title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 81px;
    border: 1px solid var(--brown-color);
}

.service-sec .title span img {
    margin-right: 12px;
}

.service-sec .service-3d {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 50px 0;
}

.service-sec .service-3d p {
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.service-sec .service-3d p span {
    display: block;
    color: var(--main-color);
}

.service-sec .service-line {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-sec .service-tab {
    margin-top: 70px;
}

.service-sec .service-top {
    text-align: center;
}

.service-sec .service-tab .nav-pills {
    display: inline-flex;
    margin-bottom: 40px;
    justify-content: center;
    border-radius: 34px;
    border: 1px solid var(--main-color);
    overflow: hidden;
}

.service-sec .nav-pills .nav-link {
    padding: 16px 36px;
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
}

.service-sec .nav-pills .nav-item {
    border-right: 1px solid var(--main-color);
}

.service-sec .nav-pills .nav-item:last-child {
    border-right: none;
}

.service-sec .nav-pills .nav-link.active,
.service-sec .nav-pills .show > .nav-link {
    background: var(--main-color);
    color: var(--body-color);
}

.tab-slide-content {
    padding: 100px 0;
    overflow: hidden;
}

.tab-slide {
    position: relative;
}

.tab-slide .slide-img img {
    border-radius: 10px;
    width: 100%;
}

.tab-slide .swiper-slide.swiper-slide-next {
    transform: scale(1.6, 1.4);
    transition: .6s all ease;
    z-index: 2;
}

.tab-slide .swiper-button-next {
    right: 24.5%;
}

.tab-slide .swiper-button-prev {
    left: 24.5%;
}

.tab-slide .swiper-slide {
    filter: brightness(0.5);
}

.tab-slide .swiper-slide.swiper-slide-next {
    filter: brightness(1);
}

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

.service-sec .service-info {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 50px;
    margin-top: 10px;
}

.service-sec .service-info .service-item {
    text-align: center;
}

.service-sec .service-info .service-item span {
    max-width: 358px;
    color: var(--dark-gray-color);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 30px;
}

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

       .service-sec .service-tab {
        margin-top: 0px;
    }
    
    .tab-slide .swiper-slide {
        filter: brightness(1);
    }

    .service-sec .title h2 {
        font-size: 32px;
        line-height: 110%;
    }

    .service-sec .service-line {
        margin: 40px 0;
    }

    .service-sec .service-tab .nav-pills {
        display: flex;
        flex-wrap: wrap;
        border: none;
        gap: 6px;
        margin-bottom: 0;
    }

    .service-sec .nav-pills .nav-item {
        border: none;
    }

    .service-sec .nav-pills .nav-link {
        border: 1px solid var(--main-color);
        padding: 14px 22px;
        border-radius: 34px;
    }

    .tab-slide .swiper-slide.swiper-slide-next {
        transform: scale(1);
    }

    .tab-slide .swiper-slide.swiper-slide-active {
        z-index: 3;
        transform: scale(1.1);
    }

    .tab-slide .swiper-button-next {
        right: 2px;
    }

    .tab-slide .swiper-button-prev {
        left: 1px;
    }

    .tab-slide-content {
        padding: 60px 0 75px;
    }

    .service-sec .service-3d {
        margin: 0 0 80px;
        text-align: center;
    }

    .service-sec .service-3d p {
        margin: 30px 0 20px;
    }

    .service-sec .service-3d .border-btn {
        display: inline-flex;
    }

    .service-sec .service-info {
        flex-direction: column;
        align-items: center;
    }

    .service-sec .service-info .service-item {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .service-sec .service-info .service-item span {
        order: 2;
        margin-top: 30px;
        margin-bottom: 0;
        max-width: 285px;
        margin: 30px auto 0;
    }

    .service-sec .service-info .service-item .info-img {
        order: 1;
    }

    .service-sec {
        padding: 100px 0 0;
    }

}

/* Еще не решился? */

.contact-sec {
    padding: 100px 0 125px;
    position: relative;
    background-image: url('assets/images/contact-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: lighten;
}

.contact-sec::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0.80) 100%);
    mix-blend-mode: lighten;
}

.contact-sec .container {
    position: relative;
    z-index: 2;
}

.contact-sec .contact-top {
    text-align: center;
}

.contact-sec .contact-top p {
    display: inline-block;
    border-radius: 81px;
    border: 1px solid var(--brown-color);
    padding: 7px 12px;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.contact-sec .contact-top p span {
    color: var(--light-color);
}

.contact-sec .contact-title {
    text-align: center;
}

.contact-sec .contact-title p {
    margin: 20px 0;
    font-family: var(--main-family);
    font-size: 100px;
    line-height: normal;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--light-color);
}

.contact-sec .contact-title span {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 40px;
    font-weight: 500;
}

.contact-sec .contact-title cite {
    color: var(--light-color);
    font-style: normal;
}

.contact-sec .contact-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.contact-sec .contact-btns a img {
    margin-right: 12px;
}

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

    .contact-sec .contact-title p {
        font-size: 43px;
        line-height: 110%;
    }

    .contact-sec .contact-title span {
        font-size: 25px;
        line-height: 110%;
    }

    .contact-sec .contact-btns {
        flex-direction: column;
    }

    .contact-sec .contact-btns a {
        width: 188px;
        padding: 14px 10px;
    }

    .contact-sec {
        padding: 0px 0 150px;
        background-image: url('assets/images/contact-bg-mob.png');
        background-position: bottom;
    }
}

/* Подвал */

footer {
    padding: 40px 0;
    background: var(--body-color);
}

footer .ftr-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .ftr-top .ftr-logo {
    display: flex;
    align-items: center;
    gap: 40px;
}

footer .ftr-top .ftr-logo .go-top {
    display: flex;
    align-items: center;
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

footer .ftr-top .ftr-logo .go-top i {
    line-height: 0;
    margin-left: 10px;
    font-size: 20px;
}

footer .ftr-top .ftr-right {
    display: flex;
    align-items: center;
    gap: 40px;
}

footer .ftr-top .ftr-right .ftr-social {
    display: flex;
    align-items: center;
    gap: 30px;
}

footer .ftr-top .ftr-right .ftr-social a {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    display: flex;
    line-height: 18px;
}

footer .ftr-top .ftr-right .ftr-social a img {
    margin-right: 12px;
}

footer .ftr-top .ftr-right .ftr-callback {
    display: flex;
    align-items: center;
    color: var(--gray-color);
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
}

footer .ftr-top .ftr-right .ftr-callback i {
    line-height: 0;
    font-size: 20px;
    padding: 10px;
    background: var(--main-color);
    border-radius: 50%;
    color: var(--white-color);
}

footer .ftr-top .ftr-right .ftr-callback img {
    margin-left: 12px;
}

footer .ftr-top .ftr-logo .go-top:hover,
footer .ftr-top .ftr-right a:hover {
    color: var(--light-color);
}

footer .ftr-top .ftr-logo img {
    width: 150px;
}

footer .ftr-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}

footer .ftr-line img {
    width: 100%;
}

footer .ftr-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

footer .ftr-info .ftr-address {
    margin-right: 70px;
}

footer .ftr-info .ftr-address span {
    color: var(--dark-gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 12px;
}

footer .ftr-info .ftr-address address,
footer .ftr-info .ftr-address a {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.08px;
    margin-bottom: 10px;
}

footer .ftr-info .ftr-address address:last-child {
    margin-bottom: 0;
}

footer .ftr-info .info-text-top {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}

footer .ftr-info .info-text-top span {
    display: flex;
    align-items: center;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 110.5%;
    text-transform: uppercase;
}

footer .ftr-info .info-text-top span img {
    margin-right: 12px;
}

footer .ftr-copyright {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 37px;
}

footer .ftr-copyright a {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid var(--dark-gray-color);
}

footer .ftr-copyright a:hover {
    color: var(--gray-color);
    border-color: var(--gray-color);
}

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

    footer .ftr-top .ftr-right,
    footer .ftr-top {
        flex-direction: column;
    }

    footer .ftr-top .ftr-logo {
        justify-content: space-between;
        width: 100%;
        margin-bottom: 30px;
    }

    footer .ftr-top .ftr-right .ftr-social {
        order: 2;
        justify-content: space-between;
    }

    footer .ftr-info {
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    footer .ftr-info .ftr-address {
        margin-right: 0;
        text-align: center;
    }

    footer .ftr-line {
        margin: 30px 0;
    }

    footer .ftr-info .info-text-top {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    footer .ftr-info .info-text-top span {
        font-size: 14px;
        line-height: 110%;
        justify-content: center;
        max-width: 252px;
    }

    footer .ftr-copyright {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}




/* BREADCRUMBS */
.breadcrumbs {
    position: relative;
    z-index: 1;
    padding-top: 40px;
}

.breadcrumbs a {
    color: var(--main-color);
}

.breadcrumbs .del {
    margin: 0 5px;
}

.breadcrumbs .title {
    display: flex;
}

.breadcrumbs .title h1 {
    border: 1px solid var(--main-color);
    padding: 5px 25px;
    border-radius: 50px;
    margin-top: 20px;
}

.breadcrumbs .prizyv {
    margin-top: 25px;
}

/* Контакты */
.contacts {
    min-height: 50vh;
    position: relative;
}

.contacts .container {

    position: relative;
}

.contacts:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 203px;
    width: 80%;
    height: 100%;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    filter: blur(135.5px);
}

.contacts p {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    font-style: normal;
}

.contacts p {
    margin-top: 40px;
    margin-bottom: 10px;

}

.contacts .info {
    color: var(--gray-color);

    font-size: 40px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.contacts .main-social a span {
    color: var(--gray-color);
    font-size: 16px;
    line-height: 18px;

}

.contacts .main-social a:hover i {
    transform: scale(1.1);
    color: var(--white-color);
}

.contacts .main-social a:hover span {
    color: var(--main-color);
}

.contacts .main-social {
    margin-top: 20px;
    gap: 30px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .contacts .info {
        color: var(--gray-color);
        font-size: 25px;
    }
}


/* Programs Single */
#programm-single {
    position: relative;
    margin-top: 20px;
}

#programm-single .opis {
    font-family: var(--main-family);
    font-size: 25px;
    color: var(--white-color);
    margin-top: 20px;
}

.modal-body .opis {
    font-family: var(--main-family);
    font-size: 25px;
    color: var(--main-color);
    margin-top: 20px;
}

.opis.bottom {
    font-family: var(--main-family);
    font-size: 25px;
    color: var(--white-color);
    margin-bottom: 20px;
}

.opis.bottom.master {

    margin-bottom: 0px;
}

.opis.bottom cite {
    color: var(--main-color);
    font-style: normal;

}

#programm-single .container {
    position: relative;
}

#programm-single .preview {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
}

#programm-single h1 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}

#programm-single h2 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 35px;
    line-height: 110.5%;
    position: relative;
    margin-bottom: 20px;
}

#programm-single .relax-top {
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

#programm-single .relax-top p {
    line-height: 1;
}

#programm-single .relax-top i {
    color: var(--main-color);
}

#programm-single .pricing {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 10px;
}

#programm-single .pricing .price {
    margin-right: 55px;
}

#programm-single .pricing .price:last-child {
    margin-right: 0px;
}

#programm-single .pricing p {
    color: var(--white-color);
}

#programm-single .pricing span {
    font-size: 40px;
    color: var(--main-color);
    line-height: 1;
    margin-top: 10px;
    font-weight: 900;
}

#programm-single .master-btns {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0px;
}

#programm-single .master-btns.top {
    gap: 30px;
    align-items: center;

}
#programm-single .master-btns {
    margin: 30px 0px 10px;
    }
#programm-single .master-btns .btns {
    display: flex;
    align-items: center;
    gap: 12px;

}

#programm-single .master-btns .border-btn,
#programm-single .master-btns .brown-btn {
    padding: 10px 20px;
}

#programm-single .danger {
    color: var(--main-color);
    font-size: 13px;
    margin-top: 10px;
}

#programm-single h4 {
    margin: 20px 0px 10px;
}

#programm-single .gray {
    color: var(--color-gray);
    font-weight: 400;
}

#programm-single .programma {
    margin-top: 50px;
}

#programm-single .sostav {
    list-style: none;
    padding: 0;
}

#programm-single .sostav p {
    position: relative;
}

#programm-single .sostav li {
    border: 1px solid var(--main-color);
    padding: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 10px 0px;
    background: var(--body-color);
}

#programm-single .sostav span {
    font-family: var(--main-family);
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 2.75px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
}

#programm-single .sostav i {
    position: absolute;
    font-size: 100px;
    top: 10px;
    right: 2%;
    transform: rotate(-25deg);
    background: -moz-linear-gradient(148deg, var(--main-color) 0%, var(--body-color) 100%);
    background: -webkit-linear-gradient(148deg, var(--main-color) 0%, var(--body-color) 100%);
    background: linear-gradient(148deg, var(--main-color) 0%, var(--body-color) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0px var(--main-color);

}

#programm-single .sostav p i {
    display: none;
}

#programm-single:before {
    content: "";
    display: block;
    position: absolute;
    right: 170px;
    top: -100px;
    width: 70%;
    height: 500px;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    opacity: 1;
    filter: blur(150.5px);
}

#programm-single .programma {
    position: relative;
}

#programm-single .programma:before {
    content: "";
    display: block;
    position: absolute;
    left: -232px;
    bottom: 0px;
    width: 60%;
    height: 80%;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    opacity: 1;
    filter: blur(150.5px);
}

#programm-single .relax-sec .relax-col.one {
    height: 400px !important;
}

.programs-slide {
    position: relative;
    overflow: hidden;
}

#programm-single .relax-sec {
    padding-top: 40px;
}

#programm-single .choose-sec {
    overflow: hidden;
}

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

    #programm-single .relax-sec {
        padding-top: 100px;
    }

    #programm-single .preview {
        height: 200px;
    }

    #programm-single .relax-top {
        margin-top: 30px;
    }

    #programm-single h1 {
        font-size: 40px;
    }

    #programm-single .pricing .price {
        margin-right: 35px;
    }

    #programm-single .master-btns .border-btn,
    #programm-single .master-btns .brown-btn {
        padding: 7px 15px;
    }

    #programm-single .sostav span {
        font-family: var(--main-family);
        font-size: 25px;
        line-height: 1.2;
    }

    #programm-single .sostav i {
        position: absolute;
        font-size: 80px;
        line-height: 1;
        top: auto;
        bottom: -10px;
    }

    #programm-single .master-block {
        height: 450px;
        padding: 16px;
        margin: 10px 0px;
    }

    #programm-single .our-masters {
        padding-top: 30px;
    }

    #programm-single .master-btns {
        flex-direction: column;
        align-items: flex-start;
        margin: 5px 0px 20px;
    }
#programm-single .master-btns.top {
    gap: 15px;
}
    #programm-single .master-btns .btns {
        margin: 5px 0px 10px;
    }
    #programm-single .information .master-info {
flex-wrap: wrap;
    }
    #programm-single .information .opis.bottom {
        text-align: left;
    }
    #programm-single .relax-sec .relax-top {
        margin-top: 0px; 
    }
    #programm-single .our-masters .master-btns {
            flex-direction: row;
    }
}

/* Социальные кнопки */
.social {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.social span {
    margin-top: 0px;
}

.social a {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    display: flex;
    line-height: 18px;
}

.social a:hover {
    color: var(--main-color);

}

.social a img {
    margin-right: 12px;
}

/* Архивы программ */
#archive-programs .relax-sec .title {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

#archive-programs .main-icon {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
#archive-programs .main-icon img {
    max-width: 100%;
}

#archive-programs .relax-sec .relax-col.one {
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px;
    height: 400px;
}

#archive-programs .relax-sec .container:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -100px;
    width: 100%;
    height: 400px;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    opacity: 1;
    filter: blur(150.5px);
}

#archive-programs .relax-sec:before {
    content: "";
    display: block;
    position: absolute;
    left: 400px;
    bottom: 0px;
    width: 100%;
    height: 400px;
    background: radial-gradient(36.14% 36.88% at 50.00% 95.40%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 100%);
    opacity: 1;
    filter: blur(150.5px);
}

#archive-programs .relax-sec {
    position: relative;
    padding-top: 50px;
}

#archive-programs .relax-sec .container {
    position: relative;
}

#archive-programs .choose-sec {
    overflow: hidden;
}

/* CTA */
.cta-sec {
    margin-top: 40px;
}

.cta-sec .container {
    position: relative;
    background: var(--body-color);
    padding: 40px 80px;
    border-radius: 10px;
    z-index: 2;
    box-shadow: 0px 1px 10px var(--main-color);
}

.cta-sec .title {
    text-align: center;
    position: relative;
}

.cta-sec .title h2 {
    font-family: var(--main-family);
    font-size: 65px;
    line-height: normal;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
}

.cta-sec .title p {
    font-size: 35px;
    margin: 10px 0px;
}

.cta-sec .programs-btns {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    justify-content: center;
    position: relative;
}

.cta-sec .programs-btns .brown-btn,
.cta-sec .programs-btns .border-btn {
    padding: 10px 20px;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .cta-sec {
        padding: 10px;
    }

    .cta-sec .container {
        padding: 40px 25px
    }

    .cta-sec .title h2 {
        font-family: var(--main-family);
        font-size: 45px;
    }

    .cta-sec .title p {
        font-size: 20px;
    }

    .cta-sec .programs-btns .brown-btn,
    .cta-sec .programs-btns .border-btn {
        padding: 7px 15px;
    }
}

/*Выпадающий текст*/
.infos {
  padding: 10px 25px;
}

.info__switch {
  display: none;
}

.info__body {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
}

.info__switch:checked~.info__body {
  max-height: 100%;
}

.info__headline::before {
  content: "";
margin-top: 10px;
    margin-left: -20px;
    position: absolute;
  border: 6px solid var(--main-color);
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.info__switch:checked~.info__headline::before {
  transform: rotate(180deg) translateY(6px);
}
.infos.hide .info__headline {
    opacity: 0.5;
}

.info__headline {
  display: block;
        text-align: center;
  position: relative;
  margin-bottom: 15px;
  user-select: none;
  color: var(--main-color);
  font-weight: normal;
  cursor: pointer;
}

.info__headline:hover {
  text-decoration: underline;
}
.infos span {
    font-weight: 500;
    font-size: 24px;
    color: var(--main-color);
    width: 100%;
    margin: 20px 0px;
}
.infos ul {
    margin: 20px 0px 0px;
}
.infos ul li::marker {
      color: var(--main-color);

}
@media only screen and (max-width: 992px){
.infos {
  padding: 10px 5px;
}
    .infos span {
    font-size: 20px;
        line-height: 20px;
    }
}

/* Все что не вошло */
@media only screen and (max-width: 992px) {

    .mob {
        display: block !important;
    }
    .social.mob {
        display: flex !important;
        padding: 20px 0px;
    }
    .pc {
        display: none !important;
    }

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

    #programm-single .choose-sec {
        padding: 50px 0px;
    }
    
 .break {
    flex-basis: 100%;
    height: 30px;
}
    .mb-30 {
    margin-bottom: 30px;
}

}

/* ЯНДЕКС ОТЗЫВЫ */
.yandex-name {
        display: flex;
    justify-content: space-between;
padding: 10px 0px;
    align-items: center;
}
.yandex-name .rating {
    display: flex;
    gap: 20px;
}
.yandex-name .rating .number {
    font-size: 50px;
    font-family: var(--main-family);
    line-height: 1;
}
.yandex-name .rating .rate {
     display: flex;
    flex-direction: column;
}
   .yandex-name .rating .rate i {
    font-size: 20px;
    color: var(--main-color);
}
.yandex-name .rating .rate .kolvo {
    color: var(--gray-color);
}

.otzyvy  {
margin-top: 40px;
}
.otzyvy .otzyv .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

   .otzyvy .otzyv .head .stars i {
    font-size: 15px;
    color: var(--main-color);
}

.otzyvy .otzyv .head .left img {
        width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.otzyvy .otzyv .head .left {
display: flex;
    column-gap: 20px;
    align-items: center;
}
.otzyvy .otzyv .head .name p {
font-family: var(--main-family);
    font-size: 20px;
    font-weight: 300;
}

.otzyvy .otzyv .head .name span {
color: var(--dark-gray-color) 
}

.otzyvy .otzyv .text {
    margin-top: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical;
}
.branding img {
        max-width: 200px;

}
@media only screen and (max-width: 992px){
.branding img {
    max-width: 100px;
}
}
/* FIX CONTACTS */
#open-contacts {
        font-size: 40px;
    color: var(--white-color);
    opacity: 0.3;
    line-height: 1;
    position: fixed;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 999;
    cursor: pointer;
      transition: .3s all ease;
}
#open-contacts:hover,#close-contacts:hover  {
 opacity: 1;
}
#open-contacts.no-visible, #close-contacts.no-visible {
    right: -100%;
}
#close-contacts {
     font-size: 30px;
    color: var(--white-color);
    line-height: 1;
    opacity: 0.3;
    position: absolute;
    right: 55%;
    transform: translateX(50%);
    top: -40px;
    border-radius: 36.5px;
    z-index: 999;
    cursor: pointer;
    transition: .3s all ease;
}

.fixed_contacts {
    position: fixed;
    right: -100%;
    transform: translateY(-50%);
    top: 50%;
    background: var(--main-color);
    box-shadow: 5px 5px 10px #000;
    border-radius: 36.5px; 
    z-index: 999;
      transition: .3s all ease;
}

.fixed_contacts.active {
    right: 20px;
     transition: .3s all ease;
}
.fixed_contacts .relative{
    position: relative; 
}


.fixed_contacts a{
	display: block;
	padding: 15px;
    line-height: 1;
	transition: 0.3s;
	border-bottom: 1px solid var(--dark-color);
}
.fixed_contacts .first{
	padding-top: 20px;
	border-top-left-radius: 36.5px;
	border-top-right-radius: 36.5px;
    border-top: 0px;
}
.fixed_contacts a:last-child{
	padding-bottom: 20px;
	border-bottom-right-radius: 36.5px;
	border-bottom-left-radius: 36.5px;
	border-bottom: none;
}
.fixed_contacts a:hover{
	background: var(--white-color);
}
.fixed_contacts a i, .fixed_contacts a svg{
	transition: 0.3s;
    font-size: 20px;
    color: var(--white-color);
    width:20px;
    height:20px;
}
.fixed_contacts a:hover i, .fixed_contacts a:hover svg{
 filter: brightness(0);  
}    
.fixed_contacts a:hover i{
	transition: 0.3s;
        color: var(--main-color);
        background: transparent;
}

@media only screen and (max-width: 992px){
    #close-contacts {
    font-size: 25px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: -35px;

    }
    #open-contacts {
    right: 5px;
    }
.fixed_contacts.active  {
    right: 10px;
    }
    .fixed_contacts a {
padding: 15px 10px;
    }
    .fixed_contacts a i {
    font-size: 17px;
    }
    .fixed_contacts .first {
    padding-top: 15px;
    }
    .fixed_contacts a:last-child{
	padding-bottom: 15px;
}
}

/*Прочие страницы*/
#all-page h1 {
    color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 46px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
    margin-top: 40px;
}
.container-404 {
text-align: center;
    display: flex;
    height: 55vh;
    justify-content: center;
align-items: center;
}
.container-404 h1 {
        color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 200px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.container-404 p {
        color: var(--main-color);
    font-family: var(--main-family);
    font-size: 40px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.container-404 span {

    margin-bottom: 20px;
}
@media only screen and (max-width: 992px){
    #all-page h1 {
    font-size: 32px;
}
    .container-404 h1 {
    font-size: 100px;
    }
.container-404 p {
 font-size: 30px;
    }
}
	/* Страница спасибо */

.container-spasibo {
text-align: center;
    display: flex;
    height: 55vh;
    justify-content: center;
align-items: center;
}
.container-spasibo h1 {
        color: var(--gray-color);
    font-family: var(--main-family);
    font-size: 100px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.container-spasibo p {
        color: var(--main-color);
    font-family: var(--main-family);
    font-size: 40px;
    font-weight: 500;
    line-height: 110.5%;
    margin-bottom: 20px;
}

.container-spasibo span {

    margin-bottom: 20px;
}
@media only screen and (max-width: 992px){

    .container-spasibo h1 {
    font-size: 40px;
    }
.container-spasibo p {
 font-size: 20px;
    }
}
.swiper-slide {
    z-index:1;
}
/*SEO TEXT*/
.info__body .list{
  margin: 20px 0px 5px;
}
.info__body h3{
    text-align: center;
    font-family: var(--main-family);
        color: var(--main-color);
    margin-bottom: 20px;
}
.info__body p {
    margin-bottom: 15px;
}

/* TELEGRAM BANNER */

 .telegram-section .banner {
        padding: 30px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
        text-align: center;
            justify-content: center;
    border: 1px solid var(--brown-color);
    transition: .3s all ease;
    height: 100%;
        background: radial-gradient(175.83% 190.13% at -22.74% 214.55%, var(--main-color) 11.98%, var(--dark-color) 41.15%, var(--body-color) 83.85%), var(--body-color);
    }
    .telegram-section .banner span {
    display: inline-flex;
    align-items: center;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 15px;
    padding: 8px 12px 5px;
    border-radius: 81.516px;
    border: 1px solid var(--brown-color);
}
 .telegram-section .banner h2 { 
    color: var(--gray-color);
    font-family: var(--main-family); 
    font-size: 46px;
    line-height: 110.5%;
    margin-bottom: 20px;
}
 .telegram-section .banner p {
color: var(--gray-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
        margin-bottom: 20px;
    line-height: 150%;
}
 .telegram-section .banner .bottom {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
 .telegram-section .banner .bottom .teg {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    color: var(--bs-body-bg);
 } 
 @media only screen and (max-width: 992px){
 .telegram-section .banner h2 { 
    font-size: 33px;
}
}
 @media only screen and (min-width: 992px){
 .telegram-section { 
    display: none;
}
}

/* PARTY PAGE */

.party-row {

}

.party-row .party-block {
    height: auto;
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;
    position: relative;
}
.party-row .party-block .party-img img {
    max-height: 100%;
    width: 100%;
    filter: none;
        border-radius: 10px;
}
.party-row .title {

    font-family: var(--main-family);
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    color: var(--main-color); 
    line-height: 0.8;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all ease;
        margin-bottom: 15px !important;
    text-align: left !important;
}
.party-row .party-block .date {
    position: relative;
    bottom: auto;
    margin-top: 10px;
}
.party-row .party-block .party-in {
 opacity: 0;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
}
.party-row .party-block .party-in .brown-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 34px;
    background: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    line-height: 21px;
    letter-spacing: 0.08px;
    color: var(--gray-color);
    border: 1px solid var(--main-color);
}
.party-row .party-block:hover .party-in {
    opacity: 1;
}

.party-row .party-block:hover img {
    filter: brightness(0.6);
}


@media only screen and (max-width: 992px){
.party-row .party-block .party-img img {
    padding: 0px;
}
.party-row .party-block {
    left: auto;
    margin-bottom: 40px;
}
.party-row .title {
    font-size: 26px;
}
}