.s-raiting .sr-items .my-container.flex {
    justify-content: center;
}
header .hd-top .hdt-left .hd-logo {
	max-width: 260px;
}
footer .ft-top .ftt-left .ftt-logo .hd-logo{
    display: block;
    max-width: 260px;
}


/* CUSTOM MENU */
.service-menu-wrap-custom {
    --menu-width: 300px;
    --padding-block: 40px;
    padding-top: 190px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0);
    visibility: visible;
    padding-bottom: 0;
    max-width: 1384px;
    translate: -50% 0;
    left: 50%;
    border-radius: 20px;
    box-shadow: 0 8px 16px #00000022;

    &.active {
        opacity: 1;
        pointer-events: all;
    }

    .service-menu {
        border: none;
        padding-block: var(--padding-block);
    }

    .service-menu__list {
        width: var(--menu-width);
        border-right: 1px solid #00000011;
        display: grid;
        gap: 12px;
        padding-right: 32px;
    }

    .service-menu__list-item {
        button {
            padding-block: 16px;
            padding-inline: 16px;
            border-radius: 8px;
            border: 1px solid transparent;
            line-height: 1;
            cursor: pointer;
            width: 100%;
            text-align: left;
            background-color: #fff;
            font-size: 18px;
            font-family: Gilroy;
            font-weight: 600;
            user-select: none;

            &:hover {
                background-color: hsl(from var(--main-color) h s l / 0.1);
                border: 1px solid var(--main-color);

            }
        }

        &.active {
            button {
                background-color: var(--main-color);
                color: #fff;
            }
        }
    }

    .service-menu__action {
        width: var(--menu-width);
        border: 1px solid var(--main-color);
        overflow: clip;
        border-radius: 16px;
        align-self: start;
        display: none;

        &.active{
            display: block;
        }

        img {
            display: block;
            width: 100%;
            height: auto;
        }
    }

    .service-menu__list-item-dropdown {
        position: absolute;
        top: 0;
        left: calc(var(--menu-width));
        right: calc(var(--menu-width) + 32px);
        padding-left: 32px;
        padding-block: var(--padding-block);
        display: none;

        ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            gap: 12px 32px;
            max-height: 300px;
            width: fit-content;

            li {
                width: fit-content;
            }
        }

        &.active {
            display: block;
        }

        a {
            font-size: 17px;
            padding-block: 4px;
            color: inherit;

            &:hover {
                color: var(--main-color);
                text-decoration: underline;
            }
        }
    }
}


@media (width <=1200px) {
    .service-menu-wrap-custom {
        .service-menu__action,
        .service-menu__action.active {
            display: none;
        }

        .service-menu__list-item-dropdown {
            right: 0;
        }
    }
}

@media (width <=640px) {
    .service-menu-wrap-custom {
        max-height: 100vh;
        overflow-y: scroll;

        .service-menu__list-item-dropdown {
            position: static;
            display: block;
            overflow: hidden;
            opacity: 1;
            max-height: 0px;
            padding-block: 0;
            transition: all 0.3s ease-in-out;
            opacity: 0;

            &.active {
                padding-block: 16px;
                max-height: 50vh;
                opacity: 1;
            }
        }

        .service-menu__list {
            --menu-width: 100%;
            border: none;
            max-width: 600px;

        }
    }
}

/* CUSTOM MENU */

/* CUSTOM SERVICES PAGE MENU */
.service-menu-custom {
    display: block;
    border-bottom: none;

    .service-menu-custom__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }

    .service-menu-custom__item {
        overflow: hidden;
        border: 1px solid #00000011;
        border-radius: 8px;
        box-shadow: 0 8px 8px #00000005;
        transition: 250ms;
        background-color: #f0582611;

        &:hover {
            box-shadow: 0 8px 16px #00000011;
            border: 1px solid var(--main-color);

        }
    }

    .service-menu-custom__item-header {
        padding: 12px 20px;
        background-color: var(--main-color);
    }

    .service-menu-custom__item-title {
        font-size: 24px;
        color: #fff;
    }

    .service-menu-custom__item-content {
        padding: 20px;

        ul {
            list-style: disc;
            padding-left: 1.2em;
            color: #454545;
        }

        li {
            font-size: 18px;
            width: fit-content;

            a {
                color: inherit;
            }

            &:hover {
                color: var(--main-color);

                a {
                    text-decoration: underline;
                }
            }
        }
    }
}

@media (width <=768px) {
    .service-menu-custom {
        .service-menu-custom__items {
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        }

        .service-menu-custom__item-title {
            font-size: 20px;
        }

        .service-menu-custom__item-content {
            li {
                font-size: 16px;
            }
        }
    }
}

/* CUSTOM SERVICES PAGE MENU */

@media (width <=1200px) {
    header .hd-top .my-container.flex {
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }
}

/* DOCTORS */
.shildik {
	background-color: #fff;
	border: 1px solid var(--main-color);
	padding: 0.2em 0.6em 0.1em;
	border-radius: 15px;
	margin-right: 5px;
}

.shildik-container .dit-descr {
	color: var(--main-color) !important;
	font-size: 15px;
}

/* DOCTORS */

.social-section {
	display:none;}