.--svg__search-black {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M31.6082 29.7273L23.9151 22.0343C25.822 19.7094 26.9714 16.7314 26.9714 13.4857C26.9714 6.04082 20.9306 0 13.4857 0C6.03429 0 0 6.04082 0 13.4857C0 20.9306 6.03429 26.9714 13.4857 26.9714C16.7314 26.9714 19.7029 25.8286 22.0278 23.9216L29.7208 31.6082C30.2433 32.1306 31.0857 32.1306 31.6082 31.6082C32.1306 31.0922 32.1306 30.2433 31.6082 29.7273ZM13.4857 24.2873C7.52326 24.2873 2.67755 19.4416 2.67755 13.4857C2.67755 7.5298 7.52326 2.67755 13.4857 2.67755C19.4416 2.67755 24.2939 7.5298 24.2939 13.4857C24.2939 19.4416 19.4416 24.2873 13.4857 24.2873Z' opacity='.4'  fill='%230B1142'/%3E%3C/g%3E%3C/svg%3E");
}

.service-nav {max-height: 75vh;overflow: hidden;overflow-y: scroll;background-color: #F5F5F9;padding: 1.5rem 0;display: none;border-radius: 0 0 1.5rem 1.5rem;}

.desctop-nav.is-open {}

.desctop-nav.is-open .desctop-nav__wrap {box-shadow: none !important;background-color: white;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.desctop-nav.is-open .service-nav {display: block;}

.desctop-nav__shade {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: rgb(0 0 0 / 24%);z-index: 0;transition: all ease .24s;display: none;}

.desctop-nav__wrap {position: relative;z-index: 2;}

.desctop-nav__service-nav {position: relative;z-index: 2;}

.desctop-nav.is-open .desctop-nav__shade {display: block;}

.desctop-nav__service-nav .center-wrap {max-width: 85rem !important;}

.service-nav__section {background-color: white;border-radius: 1rem;}

.service-nav__section.is-show {display: block;}
.service-nav__section {display: none;}


.service-nav__sections-item {position: relative;height: 4rem;display: flex;align-items: center;}

.service-nav__sections-item-border {position: relative;z-index: 0;position: absolute;left: 0;top: 0;width: 100%;border-bottom: 1px solid var(--color__dark);opacity: .08;}

.service-nav__sections-item-arrow {height: .75rem;width: .75rem;border-right: 2px solid var(--color__dark);border-bottom: 2px solid var(--color__dark);transform: rotate(-45deg);position: absolute;right: 0;opacity: .16;}

.service-nav__sections-item:first-child {}

.service-nav__sections-item:first-child .service-nav__sections-item-border {display: none;}

.service-nav__sections-item-count {font-size: .675rem;font-weight: 600;top: -.5rem;position: relative;margin-left: .5rem;opacity: .32;}

.service-nav__sections-item-name {font-weight: 600;text-decoration: none;font-size: 1.125rem;color: var(--color__dark);transition: all ease .24s;}

.service-nav__sections-item-name:hover {color: var(--color__fill-1);}

.service-nav__side-group-label {font-weight: 600;opacity: .32;}

.service-nav__sections-item:after {content: "";display: block;position: absolute;width: calc(100% + 2.5rem);height: 100%;left: 0;top: 0;background-color: white;z-index: 0;border-radius: 1rem;left: -1.25rem;transition: all ease .24s;opacity: 0;}

.service-nav__sections-item > * {z-index: 2;}

.service-nav__sections-item.is-active {}

.service-nav__sections-item.is-active::after {opacity: 1;}

.service-nav__sections-item.is-active {}

.service-nav__sections-item.is-active .service-nav__sections-item-border {display: none;}

.service-nav__sections-item.is-active + div .service-nav__sections-item-border {display: none;}

.service-nav__sections-item.is-active + .service-nav__sections-item {}

.service-nav__sections-item.is-active + .service-nav__sections-item .service-nav__sections-item-border {display: none;}


.service-nav__sections-item.is-active .service-nav__sections-item-arrow {opacity: 1;}

.service-nav__section-close {font-size: .75rem;color: var(--color__dark);font-weight: 600;display: flex;align-items: center;opacity: .32;transition: all ease .24s;cursor: pointer;}

.service-nav__section-close-icon {position: relative;width: 1rem;height: 1rem;margin-left: .5rem !important;display: flex;justify-content: center;align-items: center;}

.service-nav__section-close-icon:after, .service-nav__section-close-icon:before {content: "";width: 1rem;border-bottom: 2px solid var(--color__dark);position: absolute;}

.service-nav__section-close-icon:after {transform: rotate(-45deg);}

.service-nav__section-close-icon:before {transform: rotate(45deg);}

.service-nav__section-close:hover {opacity: 1;}


.service-nav__tags-item-link {height: 2rem;padding: 0 1rem;font-size: .875rem;}

.service-nav__section-search-input {flex: 1;height: 3.5rem;border: 0;outline: none;border-radius: .5rem 0 0 .5rem;background-color: var(--color__fill-4);padding-left: 3.5rem;font-size: 1rem;font-weight: 600;background-size: 1.75rem;background-position: 1rem center;transition: all ease .24s;}

.service-nav__section-search-btn {}

.service-nav__section-search-input-wrap {position: relative;}

.service-nav__section-search {position: relative;}

.service-nav__section-search-input:hover, .service-nav__section-search-input:focus {background-color: var(--color__fill-4-h);}

.service-nav__section-search-help span {opacity: .5;margin-right: .25rem;}

.service-nav__section-search-btn {border-radius: 0 .5rem .5rem 0 !important; }

.service-nav__section-group-name {font-weight: 650;opacity: .32;}

.service-nav__section-group-line {border-bottom: 1px solid var(--color__border);flex: 1;margin-left: 1.25rem;}

.service-nav__section-group-head {display: flex;align-items: center;}

.service-nav__section-group-link {font-weight: 600;}

.service-nav__section-group-show-more {font-weight: 600;opacity: .4;transition: all ease .24s;cursor: pointer;}

.service-nav__section-group-show-more:after {content: "";width: 0.375rem;height: 0.375rem;border-right: 2px solid var(--color__dark);border-bottom: 2px solid var(--color__dark);display: inline-block;transform: rotate(45deg);margin-left: .5rem;top: -.125rem;position: relative;opacity: .5;transition: all ease .24s;}

.service-nav__section-group-link {display: none;}

.service-nav__section-group-link:nth-child(-n+10) {display: block;}

.service-nav__section-group-show-more:hover {opacity: 1;}

.service-nav__section-group.is-show-all {}

.service-nav__section-group.is-show-all .service-nav__section-group-link {display: block !important;}

.service-nav__section-group.is-show-all .service-nav__section-group-show-more:after {transform: rotate(-135deg);top: .125rem;}

.service-nav__section.--section {background-color: var(--color__fill-4);display: block !important;}

.service-nav__section.--section .service-nav__section-group-name {opacity: .56;}

.service-section {}

.service-section .service-nav__section-search-input {border-radius: .75rem 0 0 .75rem;}

.service-section .service-nav__section-search-btn {border-radius: 0 0.75rem 0.75rem 0 !important;}

.page-head__title.--service-section {font-size: 3rem !important;line-height: 3.5rem;}

.service-nav__section-icon {width: 4rem;height: 4rem;background-color: var(--color__fill-1);border-radius: 4rem;}

.service-nav__section-icon svg {max-width: 3rem;max-height: 3rem;width: 100%;height: 100%;}



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

    .service-nav__section {padding: 1.5rem !important;}

    .service-nav__section-groups {grid-template-columns: 1fr;}

    .service-nav__section-name {}

    .service-nav__section-name span {width: 100%;margin-top: .75rem;font-size: 1.5rem;line-height: 2rem;}

    .service-section .service-nav__section-search {padding: 0 1.5rem;}

    .service-nav__section-search-input {flex: 1;}

    .service-nav__section-search-input-wrap {flex-wrap: nowrap;}

    .page-head__title.--service-section {font-size: 2rem !important;line-height: 2.5rem;font-weight: bold;}

    .service-nav__section-search-btn {padding: 0 1.5rem;}

}
@media screen and (max-width: 768px){
    .service-nav__section{
        padding: 1rem !important;
    }
    .service-nav__section-icon{
        width: 3rem;
        height: 3rem;
    }
    .service-nav__section-icon svg{
        max-width: 2rem;
        max-height: 2rem;
    }
    .service-nav__section-name .h4{
        font-size: 1.2rem;
    }
}