.cbg-header-menu {
    width: 100% !important;
    min-width: 100% !important;
    border-top: 1px solid #C4C4C4;
    padding-top: 21px;
    padding-bottom: 21px;
    background: #000;
    height: auto;
}

.cbg-header-menu ul.menu {
    display: flex;
    gap: 60px;
    position: relative;
}

.cbg-header-menu ul {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.cbg-header-menu ul li a {
    text-decoration: none;
}

.cbg-header-menu ul li>ul.sub-menu {
    position: absolute;
    top: 39px;
    background: #000;
    z-index: 9;
    padding: 20px;
    min-width: 264px;
    left: 0;
}

.cbg-header-menu ul li>ul.sub-menu>li:not(:last-child) {
    padding-bottom: 20px;
}
/*
.cbg-header-menu ul li>ul.sub-menu>li.post_service {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70721 8.70711C9.09773 8.31658 9.09773 7.68342 8.70721 7.29289L2.34325 0.928932C1.95272 0.538408 1.31956 0.538408 0.929032 0.928932C0.538508 1.31946 0.538508 1.95262 0.929032 2.34315L6.58589 8L0.929032 13.6569C0.538508 14.0474 0.538508 14.6805 0.929032 15.0711C1.31956 15.4616 1.95272 15.4616 2.34325 15.0711L8.70721 8.70711ZM8 9H8.0001V7H8V9Z' fill='white'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 9px;
}
*/


.cbg-header-menu ul.menu>li.active a,
.cbg-header-menu ul.menu>li.active:hover a {
    color: var(--wp--preset--color--custom-1, #FBC200);
}

.cbg-header-menu ul li>ul.sub-menu>li.active a {
    color: var(--wp--preset--color--custom-1, #FBC200);
}

.cbg-header-menu ul.menu>li.active ul.sub-menu>li:not(.active) a {
    color: white;
}

.cbg-header-menu ul.menu li ul li:hover a,
.cbg-header-menu ul.menu li ul li a:hover {
    color: var(--wp--preset--color--custom-1, #FBC200) !important;
}

.cbg-header-menu ul.menu>.content-menu,
.cbg-header-menu ul.menu>li:not(.active) ul {
    display: none;
}

div.content-menu {
    width: 100%;
    background: white;
    position: absolute;
    width: calc(100% - 264px);
    z-index: 8;
    top: 39px;
    min-width: 100px;
    min-height: fit-content;
    right: 0;

    height: fit-content;
    display: block;

}

div.content-menu .content {
    display: none;
    color: var(--Black, #161616);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 20px 30px;
    gap: 20px;
}

div.content-menu .custom-bg {
    min-width: 140px;
}

div.content-menu .custom-bg img {
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

div.content-menu a.wp-block-button {
    border-radius: 10px;
    background: var(--Yellow, #FBC200);
    color: var(--Black, #161616);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 68px;
    text-decoration: none;
    border: 2px solid var(--wp--preset--color--custom-1);
}

div.content-menu a.wp-block-button:hover {
    background: none;
}

div.content-menu .text-content {
    color: var(--Black, #161616);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: none;
    padding-bottom: 20px;
    flex-grow: 1;
}

.service_content .text-content h3 {
    margin-bottom: 20px;
}

.service_content .service_content-button {
    padding-bottom: 10px;
}


.menu li:hover ul {
    display: block !important;
}

#menu-mobile {
    cursor: pointer;
}

.content-menu .service_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content-menu .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    margin: 0;
    left: 45%;
    right: 45%;
    top: 45%;
    bottom: 45%;
    display: none;
}

header.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (min-width:992px) {
    div.content-menu {
        min-height: 323px;
    }

    /*
    .cbg-header-menu ul li>ul.sub-menu>li.post_service.active,
    .cbg-header-menu ul li>ul.sub-menu>li.post_service:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70721 8.70711C9.09773 8.31658 9.09773 7.68342 8.70721 7.29289L2.34325 0.928932C1.95272 0.538408 1.31956 0.538408 0.929032 0.928932C0.538508 1.31946 0.538508 1.95262 0.929032 2.34315L6.58589 8L0.929032 13.6569C0.538508 14.0474 0.538508 14.6805 0.929032 15.0711C1.31956 15.4616 1.95272 15.4616 2.34325 15.0711L8.70721 8.70711ZM8 9H8.0001V7H8V9Z' fill='%23FBC200'/%3E%3C/svg%3E ");

    }
    */
}

@media (max-width:992px) {
    header .wp-block-template-part .has-global-padding {
        max-width: 100%;
        margin: 0;
    }

    header .cbg-header-menu {
        display: none;
    }

    header .cbg-header-menu.active {
        display: block;
    }

    header .cbg-header-menu ul.menu {
        gap: 10px;
        flex-direction: column;
    }

    header hr.wp-block-separator {
        display: none;
    }
/*
    header ul.menu li.menu-item-has-children {
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70721 8.70711C9.09773 8.31658 9.09773 7.68342 8.70721 7.29289L2.34325 0.928932C1.95272 0.538408 1.31956 0.538408 0.929032 0.928932C0.538508 1.31946 0.538508 1.95262 0.929032 2.34315L6.58589 8L0.929032 13.6569C0.538508 14.0474 0.538508 14.6805 0.929032 15.0711C1.31956 15.4616 1.95272 15.4616 2.34325 15.0711L8.70721 8.70711ZM8 9H8.0001V7H8V9Z' fill='white'/%3E%3C/svg%3E ");
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 9px;
    }
*/
    header .cbg-header-menu ul li>ul.sub-menu {
        position: static;
    }

    .cbg-header-menu ul li>ul.sub-menu>li.post_service {
        background: none;
    }

    #menu-mobile:not(.active)>svg:nth-child(1)>circle {
        transition-delay: 0s;
        opacity: 1;
        visibility: visible;
    }

    #menu-mobile.active>svg:nth-child(1)>circle:nth-child(8),
    #menu-mobile.active>svg:nth-child(1)>circle:nth-child(4),
    #menu-mobile.active>svg:nth-child(1)>circle:nth-child(2),
    #menu-mobile.active>svg:nth-child(1)>circle:nth-child(6) {
        opacity: 0;
        transition: opacity 0.3s, visibility 0s linear 0.3s;
        visibility: hidden;
    }
}