.Header {
    padding: 46px 20px 41px 115px;
    background-color: var(--color-white);
    position: relative;

    @media screen and (max-width: 1200px) {
        padding: 46px 20px 41px 20px;
    }

    @media (max-width: 992px) {
        padding: 32px 16px;
    }
}

.Header-top {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 0.8rem;

    @media (max-width: 992px) {
        display: none;
    }
}

.Header-menu {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.Header-notifications--btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border: 1px solid var(--color-1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 250ms;
}

.Header-notifications--btn svg path, .Header-notifications--btn svg circle {
    transition: all 250ms;
}

.Header-notifications--btn:hover {
    background-color: var(--color-1);
}

.Header-notifications--btn:hover svg path, .Header-notifications--btn:hover svg circle {
    stroke: var(--color-white);
    fill: var(--color-white);
}

.Header-notifications--btn.Active {
    background-color: var(--color-1);
    border-radius: 8px 8px 0 0;
}

.Header-notifications--btn.Active svg path, .Header-notifications--btn.Active svg circle {
    stroke: var(--color-white);
}

.Header-menu--btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border: 1px solid var(--color-1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 250ms;
}

.Header-menu--btn svg path, .Header-menu--btn svg circle {
    transition: all 250ms;
}

.Header-menu--btn:hover {
    background-color: var(--color-1);
}

.Header-menu--btn:hover svg path, .Header-menu--btn:hover svg circle {
    stroke: var(--color-white);
}

.Header-menu--btn.Active {
    background-color: var(--color-1);
    border-radius: 8px 8px 0 0;
}

.Header-menu--btn.Active svg path, .Header-menu--btn.Active svg circle {
    stroke: var(--color-white);
}

.Header-menu--content {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    background-color: var(--color-1);
    padding: 16px;
    border-radius: 8px 0 8px 8px;
    min-width: 200px;
    display: none;
}

.Header-menu--content.Active {
    display: flex;
}

.Header-menu--content .mod-menu {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}

.Header-menu--content .mod-menu a {
    color: var(--color-white);
    font-size: 13px;
    line-height: 15px;
    text-decoration: none;
}

.Header #SWHelloUser .module_body {
    padding: 0 !important;
}

.Header #SWHelloUser .bi-person-circle {
    display: none;
}

.Header #SWHelloUser .useraccount_link {
    text-decoration: none;
    pointer-events: none;
}

.Header #SWHelloUser .useraccount_link .d-sm-inline {
    color: var(--color-1);
    font-size: 36px;
    line-height: 43px;
    font-weight: 500;
    display: block !important;

    @media (max-width: 767px) {
        font-size: 24px;
        line-height: 28px;
    }
}

.Header #SWContrats {
    margin: 16px 0 0 0;
    padding: 9px 17px 9px 43px;
    border-radius: 0 0 22px 0;
    background-color: var(--color-2);
    width: fit-content;
    position: relative;

    @media (max-width: 767px) {
        margin: 6px 0 0 0;
        padding: 7px 9px 7px 35px;
        width: 100%;
    }
}

.Header #SWContrats::before {
    content: '';
    position: absolute;
    top: calc(50% - (17px / 2));
    left: 17px;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.019%22%20height%3D%2217.021%22%20viewBox%3D%220%200%2017.019%2017.021%22%3E%3Cg%20transform%3D%22translate(0)%22%3E%3Cpath%20d%3D%22M16.6%2C5.356a1.5%2C1.5%2C0%2C0%2C0-2.116%2C0l-1.5%2C1.5V2.906a1.486%2C1.486%2C0%2C0%2C0-.438-1.058L11.134.438A1.486%2C1.486%2C0%2C0%2C0%2C10.077%2C0H1.514a1.5%2C1.5%2C0%2C0%2C0-1.5%2C1.5V15.525a1.5%2C1.5%2C0%2C0%2C0%2C1.5%2C1.5h9.973a1.5%2C1.5%2C0%2C0%2C0%2C1.5-1.5V11.091L16.6%2C7.472A1.5%2C1.5%2C0%2C0%2C0%2C16.6%2C5.356ZM9.991%2C1a.544.544%2C0%2C0%2C1%2C.438.146l1.41%2C1.41a.544.544%2C0%2C0%2C1%2C.146.438H9.991Zm1.995%2C14.527a.5.5%2C0%2C0%2C1-.5.5H1.514a.5.5%2C0%2C0%2C1-.5-.5V1.5a.5.5%2C0%2C0%2C1%2C.5-.5h7.48V3.491a.5.5%2C0%2C0%2C0%2C.5.5h2.493V7.856L10.514%2C9.329l-.7.7a.5.5%2C0%2C0%2C0-.12.195l-.705%2C2.116a.5.5%2C0%2C0%2C0%2C.631.631l2.116-.705a.5.5%2C0%2C0%2C0%2C.195-.12l.061-.061v3.436Zm-1.118-5.138.705.705-.269.269-1.058.353.353-1.058Zm1.41%2C0-.705-.705%2C2.4-2.4.705.705Zm3.616-3.619-.514.514-.705-.705.514-.515a.5.5%2C0%2C1%2C1%2C.705.705Z%22%20transform%3D%22translate(-0.018%200)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1.995%204.986)%22%3E%3Cpath%20d%3D%22M67.5%2C150H60.517a.5.5%2C0%2C1%2C0%2C0%2C1H67.5a.5.5%2C0%2C0%2C0%2C0-1Z%22%20transform%3D%22translate(-60.018%20-150)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1.995%206.981)%22%3E%3Cpath%20d%3D%22M65.5%2C210H60.517a.5.5%2C0%2C1%2C0%2C0%2C1H65.5a.5.5%2C0%2C0%2C0%2C0-1Z%22%20transform%3D%22translate(-60.018%20-210)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1.995%208.976)%22%3E%3Cpath%20d%3D%22M65.5%2C270H60.517a.5.5%2C0%2C0%2C0%2C0%2C1H65.5a.5.5%2C0%2C0%2C0%2C0-1Z%22%20transform%3D%22translate(-60.018%20-270)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1.995%2010.97)%22%3E%3Cpath%20d%3D%22M65.5%2C330H60.517a.5.5%2C0%2C1%2C0%2C0%2C1H65.5a.5.5%2C0%2C1%2C0%2C0-1Z%22%20transform%3D%22translate(-60.018%20-330)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(5.984%2014.029)%22%3E%3Cpath%20d%3D%22M183.509%2C422h-2.992a.5.5%2C0%2C1%2C0%2C0%2C1h2.992a.5.5%2C0%2C1%2C0%2C0-1Z%22%20transform%3D%22translate(-180.018%20-422)%22%20fill%3D%22%231d1d1d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;

    @media (max-width: 767px) {
        left: 9px;
    }
}

.Header #SWContrats .current_account {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: var(--color-3);
}