@charset "UTF-8";

header {
    /* overrided */
    /*   .headerSearchContainer {
          position: absolute;
          z-index: 111;
          width: 320px;
          left: 112px;
          top: 0;
          .searchContainer {
              .buttons {
                  .clearBtn {
                      display: none;
                  }

                  .searchBtn {
                      position: absolute;
                      background-color: transparent;
                      background: url('/src/assets/img/search.svg') center no-repeat;
                      font-size: 0;
                      inset-inline-end: 15px;
                  }
              }

              .inputContainer {
                  width: 100%;
              }
          }
      }
  */
    /* override */
}
.navigaion-button-container {
    margin-inline-end: 0;
    margin-inline-start: auto;
    padding: 12px 5px 17px 5px;
}

.navigation-button {
    background-color: var(--linkColor);
    color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    font-weight: bold;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}
    .navigation-button:hover {
        color: #fff;
        text-decoration: none;
    }
        header .bottomHeader {
        background-color: #fff;
        box-shadow: none;
    }

        header .bottomHeader .container {
            align-items: stretch;
            overflow: visible;
        }

            header .bottomHeader .container .headerLink {
                color: #0b3860;
                padding: 12px 5px 17px 5px;
                overflow: visible;
                position: relative;
            }

                header .bottomHeader .container .headerLink a {
                    color: #0b3860;
                }

                header .bottomHeader .container .headerLink button {
                    width: 0;
                    padding: 0;
                    margin: 0;
                    border: 0;
                }

                    header .bottomHeader .container .headerLink button img {
                        display: none;
                    }

                header .bottomHeader .container .headerLink.active {
                    border-bottom: none;
                    position: relative;
                    font-size: 20px;
                }

                    header .bottomHeader .container .headerLink.active::after {
                        content: " ";
                        width: 100%;
                        height: 4px;
                        display: block;
                        background: var(--linkColor);
                        bottom: 0;
                        inset-inline-start: 0;
                        position: absolute;
                        border-radius: 2px;
                    }

                header .bottomHeader .container .headerLink .drop-down {
                    position: absolute;
                    padding-top: 10px;
                    top: 100%;
                    z-index: 99;
                    display: none;
                }

                    header .bottomHeader .container .headerLink .drop-down ul {
                        display: flex;
                        flex-direction: column;
                        background-color: #fff;
                        border-radius: 4px;
                        overflow: hidden;
                        min-width: 150px;
                    }

                        header .bottomHeader .container .headerLink .drop-down ul li {
                            padding: 10px;
                            cursor: pointer;
                        }

                            header .bottomHeader .container .headerLink .drop-down ul li a {
                                color: #0b3860;
                                display: block;
                            }

                            header .bottomHeader .container .headerLink .drop-down ul li:hover {
                                background-color: #bacedd;
                            }

                                header .bottomHeader .container .headerLink .drop-down ul li:hover a {
                                    color: #0b3860;
                                }

                            header .bottomHeader .container .headerLink .drop-down ul li.active {
                                background-color: #e9f4fc;
                            }

                                header .bottomHeader .container .headerLink .drop-down ul li.active a {
                                    color: #0b3860;
                                    font-weight: 500;
                                }

                header .bottomHeader .container .headerLink:hover {
                    border-bottom: none;
                    position: relative;
                }

                    header .bottomHeader .container .headerLink:hover::after {
                        content: " ";
                        width: 100%;
                        height: 4px;
                        display: block;
                        background: var(--linkColor);
                        bottom: 0;
                        inset-inline-start: 0;
                        position: absolute;
                        border-radius: 2px;
                    }

                    header .bottomHeader .container .headerLink:hover .drop-down {
                        display: block;
                    }

                header .bottomHeader .container .headerLink img {
                    filter: invert(14%) sepia(104%) saturate(1005%) hue-rotate(180deg) brightness(96%) contrast(0%);
                }

    header .topHeader .headerActionBtns-desktopView {
        align-items: flex-start;
    }

    /*ovveried*/
    header .bottomHeader .container .headerLink {
        /* overrided */
        /* img.nav-arrow {
      display: inline-block;
      filter: none;
      transform: rotate(270deg);
      margin-inline-start: 5px;
  }*/
        /* overrided */
    }

        header .bottomHeader .container .headerLink.active {
            font-size: 16px;
        }

            header .bottomHeader .container .headerLink.active > a {
                font-size: 16px;
                font-weight: 600;
            }

        header .bottomHeader .container .headerLink.active-parent > a {
            border-bottom: none;
            position: relative;
            font-weight: 600;
            /* font-size: 20px;*/
        }

        header .bottomHeader .container .headerLink.active-parent::after {
            content: " ";
            width: 100%;
            height: 4px;
            display: block;
            background: var(--linkColor);
            bottom: 0;
            inset-inline-start: 0;
            position: absolute;
            border-radius: 2px;
        }

        header .bottomHeader .container .headerLink .drop-down {
            padding-top: 5px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px;
        }

            header .bottomHeader .container .headerLink .drop-down li.active-parent {
                background-color: var(--activeBackgroundColor);
            }

                header .bottomHeader .container .headerLink .drop-down li.active-parent > a {
                    color: #0b3860;
                    font-weight: 600;
                }

            header .bottomHeader .container .headerLink .drop-down ul li.active {
                background-color: var(--activeBackgroundColor);
            }

            header .bottomHeader .container .headerLink .drop-down ul li:hover {
                background-color: var(--activeBackgroundColor);
                font-weight: 600;
            }

        header .bottomHeader .container .headerLink button.main-tabs-toggle-btn {
            background-color: transparent;
            width: 16px;
            height: 16px;
            position: absolute;
            margin-inline-start: 3px;
        }

            header .bottomHeader .container .headerLink button.main-tabs-toggle-btn::after {
                content: "";
                position: absolute;
                /*left: 0;*/
                top: 35%;
                display: block;
                border-inline-start: 2px solid #0b3860;
                border-bottom: 2px solid #0b3860;
                width: 8px;
                height: 8px;
                /*transform: rotate(45deg);*/
            }

    header .headerSearchContainer {
        position: absolute;
        z-index: 111;
        /*left: 112px;*/
        top: 0;
    }

        header .headerSearchContainer .searchContainer .inputContainer {
            width: 100%;
        }

@media screen and (max-width: 1199px) {
    .headerSearchContainer {
        width: 320px;
        left: 0;
        right: 0;
        margin-inline-end: auto;
        margin-inline-start: auto;
    }

        .headerSearchContainer .searchContainer .buttons .clearBtn {
            display: none;
        }
}

.accessibility-container {
    padding-inline-start: 10px;
}

    .accessibility-container .accessibility-title {
        margin-inline-end: 16px;
    }

    .accessibility-container span {
        font-size: 18px;
        color: var(--title-color);
    }

        .accessibility-container span:hover {
            text-decoration: underline;
        }

    .accessibility-container a.accessibility-toggle {
        display: flex;
    }

    .accessibility-container a[aria-expanded=false]::after {
        content: "";
        position: absolute;
        /* top: 50%;*/
        /*left: 3px;*/
        display: block;
        border-inline-start: 2px solid #0b3860;
        border-bottom: 2px solid #0b3860;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        margin: 10px 2px 0 0;
    }

    .accessibility-container a[aria-expanded=true]::after {
        content: "";
        position: absolute;
        /*top: 50%;*/
        /*left: 3px;*/
        margin: 12px 2px 0 0;
        display: block;
        border-inline-start: 2px solid #0b3860;
        border-bottom: 2px solid #0b3860;
        width: 8px;
        height: 8px;
        transform: rotate(-135deg);
    }
.authentication-area-toogle[aria-expanded=false]::after {
    content: "";
    position: absolute;
    /* top: 50%;*/
    left: 3px;
    display: block;
    border-inline-start: 2px solid #0b3860;
    border-bottom: 2px solid #0b3860;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    margin: 8px 2px 0 2px
}

.authentication-area-toogle[aria-expanded=true]::after {
    content: "";
    position: absolute;
    /*top: 50%;*/
    left: 3px;
    margin: 12px 2px 0 2px;
    display: block;
    border-inline-start: 2px solid #0b3860;
    border-bottom: 2px solid #0b3860;
    width: 8px;
    height: 8px;
    transform: rotate(-135deg);
}

.accessibility-options {
    display: flex;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    list-style: none;
    flex-direction: column;
    white-space: nowrap;
}

    .accessibility-options li {
        margin-bottom: 0;
        padding: 5px 8px;
    }

    .accessibility-options a {
        display: block;
        color: var(--mainTitleColor);
        text-decoration: underline !important;
    }

        .accessibility-options a:hover {
            color: #0b3860;
        }

.accessibility-mode button,
.accessibility-mode a,
.accessibility-mode a span,
.accessibility-mode a div {
    text-decoration: underline !important;
}

.accessibility-mode .toggle-accessibility {
    background-color: rgb(224, 238, 245);
    position: relative;
    padding-right: 18px;
}

    .accessibility-mode .toggle-accessibility::before {
        content: "✓";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: var(--black);
    }

.accessibility-toggle.accessibility-link {
    text-decoration: underline !important;
}

.toggle-accessibility {
    background-color: none;
}

button.btn-link.toggle-accessibility-btn {
    border: unset;
    background-color: unset;
    text-decoration: unset;
    color: var(--mainTitleColor);
    padding-inline-start: 0px;
    text-decoration-line: underline;
}

    button.btn-link.toggle-accessibility-btn:hover {
        color: var(--mainTitleColor);
    }

@media screen and (max-width: 1199px) {
    .accessibility-container a[aria-expanded=false]::after {
        content: none;
    }

    .accessibility-container a[aria-expanded=true]::after {
        content: none;
    }

    .accessibility-container .accessibility-title {
        margin-inline-end: 6px;
    }
}

.authentication-area-container {
    position: relative;
}

.authentication-area {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    list-style: none;
    flex-direction: column;
    white-space: nowrap;
    left: 0;
    padding: 5px;
}

    .authentication-area a {
        display: block;
        color: var(--mainTitleColor);
    }

        .authentication-area a:hover {
            color: #0b3860;
        }

.authentication-area-toogle {
    background: none;
    border: none;
    padding-inline: 0;
    display:flex;
}
    .authentication-area-toogle .user-name{
        margin-inline-end:8px;
    }
@media screen and (max-width: 992px) {
    .authentication-area-toogle .user-name {
        margin-inline-end: 16px;
    }
}