html,
body {
    font-family: 'Onest', Helvetica, Arial, sans-serif;
}

/* Screen reader only - hides visually but accessible to assistive technologies */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

a,
.btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type='checkbox']) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: 'An error has occurred.';
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.header__headerAction > button {
    border: none;
    background: transparent;
}

.formArea__fieldWrap > .formArea__field > button {
    border: none;
    background: transparent;
}

/* remove accordion border and background in PhoneDemo section */
.sectionAnimation > .container-fluid > .sectionTabs__content > .sectionTabs__colInfo > .sectionTabs__accordions > .accordionCustom__item > * {
    border-color: transparent;
    background: transparent;
}

/* custom blazor bootstrap accordion css */
.accordion {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-btn-icon: url('data:image/svg+xml,%3Csvg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.8 4.25C11.2142 4.25 11.55 4.58579 11.55 5V9.25H15.8C16.2142 9.25 16.55 9.58579 16.55 10C16.55 10.4142 16.2142 10.75 15.8 10.75H11.55V15C11.55 15.4142 11.2142 15.75 10.8 15.75C10.3858 15.75 10.05 15.4142 10.05 15V10.75H5.79999C5.38577 10.75 5.04999 10.4142 5.04999 10C5.04999 9.58579 5.38577 9.25 5.79999 9.25H10.05V5C10.05 4.58579 10.3858 4.25 10.8 4.25Z" fill="%23121212"/%3E%3C/svg%3E') !important;
    --bs-accordion-btn-active-icon: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.25 10C4.25 9.58579 4.58579 9.25 5 9.25H15C15.4142 9.25 15.75 9.58579 15.75 10C15.75 10.4142 15.4142 10.75 15 10.75H5C4.58579 10.75 4.25 10.4142 4.25 10Z" fill="%23121212"/%3E%3C/svg%3E') !important;
    --bs-accordion-active-color: var(--brand-blue-sky-600, #0058d2) !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
    border-color: transparent !important;
}

/* hero search fix icon */
/*mob panel search fix*/
/*mob panel header action fix*/
.hero__search > .searchArea__fieldWrap > .searchArea__field > .searchArea__btnSearch,
.mobPanel__search > .searchArea__fieldWrap > .searchArea__field > .searchArea__btnSearch,
.mobPanel__headerAction > .headerAction__trigger,
.hero__search.searchArea > div.searchArea__fieldWrap > div.searchArea__field.hasGradientInput > button.searchArea__btnClose {
    background: transparent;
    border: none;
}

    .hero__search > .searchArea__fieldWrap > .searchArea__field > .searchArea__btnSearch > .searchArea__btnIcon,
    .mobPanel__search > .searchArea__fieldWrap > .searchArea__field > .searchArea__btnSearch > .searchArea__btnIcon {
        transform: scale(2);
    }

.searchArea__Spinner {
    position: absolute;
    top: 32%;
    right: 16px;
    z-index: 1;
}

.accordionCustom__btn {
    border-color: transparent;
    background: transparent;
}

.header__government {
    border-color: transparent;
}

/*catalog page buttons border fix*/

.catalogSection__navigation > div > .tabsArea__header.tabsSwitchers > div > .tabsSwitchers__trigger,
.catalogSection__mainContent > .catalogSection__contentHeader.catalogHeader > div > div > div > button,
.catalogSection__navigation > div > .tabsArea__body > div > div > ul > li > .categoryLinks__trigger {
    border-color: transparent;
}

.catalogSection__navigation > div > .tabsArea__body > div > div > ul > li > .categoryLinks__trigger {
    background: transparent;
}

/*    .catalogSection__navigation > div > .tabsArea__body > div > div > ul > li > .categoryLinks__trigger.isActive,
    .catalogSection__navigation > div > .tabsArea__body > div > div > ul > li > .categoryLinks__trigger:hover {
        color: #0058d2 !important;
    }*/

.navDropdownList__link:hover {
    cursor: pointer;
}

/*modal bg blur effect*/
.blur-effect {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(18, 18, 18, 0.4);
}

/*mob catalog close btn fix*/

.catalogNavigation__mobBtnClose {
    border-color: transparent;
    background: transparent;
}

/* fix carousel content */

.carousel-control-next,
.carousel-control-prev {
    align-self: center;
    border-radius: 1141.714px;
    background: #fff;
    height: 64px;
    width: 64px;
}

.carousel-control-next {
    margin-right: 32px;
}

.carousel-control-prev {
    margin-left: 32px;
}

.carousel-control-next-icon {
    background: url(../Icons/chevron-right.svg);
    width: 26.667px;
    height: 26.667px;
    margin-left: 2px;
    color: var(--black);
}

.carousel-control-prev-icon {
    background: url(../Icons/chevron-left.svg);
    width: 26.667px;
    height: 26.667px;
    margin-left: 2px;
    color: var(--black);
}

/* fix dropdown boostrap styles start */
.navbar-avatar-dropdown .btn:focus:not(:disabled),
.navbar-avatar-toggle-button .btn:focus:not(:disabled) {
    box-shadow: none;
    outline: none;
}

.navbar-avatar-toggle-button .btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    border-color: transparent;
}

.navbar-avatar-toggle-button::after {
    display: none;
}

/* fix dropdown boostrap styles start */

.navbar-language-dropdown {
    height: 40px;
    padding: 0;
    background: transparent;
    margin-right: -15px;
}

.navbar-language-dropdown-menu {
    padding: 0;
    border-radius: 16px;
}

.navbar-language-dropdown > .btn:focus:not(:disabled) {
    outline: none;
    box-shadow: none;
}

.navbar-language-dropdown > .dropdown-toggle::after {
    display: none;
}

.navbar-language-dropdown > .dropdown-toggle > .headerAction__trigger {
    border-color: transparent;
}
/* fix dropdown boostrap styles end */

/*navbar quick fix btn hover states start*/
/* primary btn */
.auth-navbar-desktop-btn:hover {
    background-color: var(--blue-sky-800) !important;
    color: var(--white) !important;
    border-width: 1px !important;
    border-style: solid;
    border-color: var(--blue-sky-800) !important;
    border-image: initial;
}

.auth-navbar-desktop-btn:focus {
    outline: 1px solid var(--white) !important;
    box-shadow: 0 0 0 3px var(--focus-ring, var(--blue-sky-500)) !important;
    border: solid 1px transparent !important;
}
/* secondary btn */
.signature-navbar-btn-desktop:hover {
    background-color: var(--blue-sky-150) !important;
    color: var(--blue-sky-600, #0058D2) !important;
    border: 1px solid var(--blue-sky-100) !important;
}

.signature-navbar-btn-desktop:focus {
    background-color: var(--blue-sky-100) !important;
    color: var(--blue-sky-600) !important;
    outline: 2px solid var(--white);
    box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500));
}
/*navbar quick fix btn hover states end*/