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 */
