.dropdown.dropdown-standard button.btn.dropdown-toggle:after,
.dropdown.dropdown-outline button.btn.dropdown-toggle:after {
    display: none;
}

.dropdown.dropdown-standard .dropdown-toggle,
.dropdown.dropdown-outline .dropdown-toggle {
    width: 100%;
    text-align: left;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 8px;
}

.dropdown.dropdown-outline label.eyebrow-text {
    color: #8386A0;
    margin-bottom: 8px;
}

.dropdown.dropdown-outline .dropdown-toggle {
    padding: 8px 16px;
    font-family: "Peak Sans";
    font-size: 16px;
    line-height: 24px;
    color: #3C3E4E;
    border: 1px solid #BEC0CD !important;
    white-space: normal;
}

.dropdown.dropdown-outline .dropdown-toggle.show {
    border-color: #0064FF !important;
}

.dropdown.dropdown-standard .dropdown-toggle {
    padding: 16px 0px;
    border-bottom: 1px solid #D9DAE2;
    font-family: 'Paramount Vista Sans';
    font-weight: 400;
    font-size: 40px;
    line-height: 80%;
    text-transform: uppercase;
    color: #000a3c;
    border-radius: 4px 4px 0px 0px;
}

.dropdown.dropdown-standard.dark .dropdown-toggle,
.dropdown.dropdown-outline.dark button.btn.dropdown-toggle {
    background-color: #000a3c;
    color: #fff;
}

.dropdown.dropdown-standard .dropdown-toggle.show {
    border-color: #0064FF !important;
    border-width:1px;
}

.dropdown.dropdown-outline.dark .dropdown-toggle {
    background-color: #000a3c;
}

.dropdown.dropdown-outline .dropdown-filter-arr,
.dropdown-standard .dropdown-filter-arr {
    margin-left: 8px;
    display: flex;
    height: 32px;
    width: 32px;
}

.dropdown.dropdown-outline .dropdown-filter-arr svg,
.dropdown.dropdown-standard .dropdown-filter-arr svg {
    transition: transform 400ms ease-in-out;
}

.dropdown.dropdown-standard:not(.dark) .dropdown-filter-arr svg,
.dropdown.dropdown-standard.dark .dropdown-filter-arr svg{
  transition:  background-color 400ms ease-in-out;
}

.dropdown.dropdown-standard .dropdown-filter-arr svg {
    transform: none;
}

.dropdown.dropdown-standard .dropdown-toggle.show .dropdown-filter-arr svg,
.dropdown.dropdown-outline .dropdown-toggle.show .dropdown-filter-arr svg {
    transform: rotate(180deg);
}

.dropdown.dropdown-outline.dark .dropdown-toggle .dropdown-filter-arr svg path,
.dropdown.dropdown-standard.dark .dropdown-toggle .dropdown-filter-arr svg path{
    fill: #fff;
}

.dropdown.dropdown-standard:not(.dark) .dropdown-toggle .dropdown-filter-arr svg path{
   fill: #000a3c;
}

.dropdown.dropdown-outline.dark .dropdown-toggle.show .dropdown-filter-arr svg path{
    fill: #0064FF;
}

.dropdown.dropdown-standard.dark .dropdown-toggle.show .dropdown-filter-arr svg rect {
    fill: transparent !important;
}


.dropdown.dropdown-standard .dropdown-menu,
.dropdown-outline .dropdown-menu {
    padding: 8px 0;
    font-family: 'Peak Sans';
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
    color: #3C3E4E;
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;
}


.dropdown-standard .dropdown-menu li span,
.dropdown-outline .dropdown-menu li span,
.dropdown-outline .dropdown-menu li a,
.dropdown-standard .dropdown-menu li a,
.dropdown-outline .dropdown-menu li button,
.dropdown-standard .dropdown-menu li button {
    text-decoration: none;
    color: #3C3E4E;
    padding: 12px 16px;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    cursor: pointer;
    letter-spacing : 0.15px;
    text-align: left;
}

.dropdown.dropdown-standard .dropdown-menu.show{
    transform: translate3d(0px, 73px, 0px) !important;
}

.dropdown.dropdown-outline .dropdown-menu.show{
    transform: translate3d(0px, 86.5px, 0px) !important;
}

/*dropdown error */
.dropdown.dropdown-outline.error .dropdown-toggle,
.dropdown.dropdown-standard.error .dropdown-toggle{
    border-color: #E05353 !important;
}
.dropdown.dropdown-standard.error .dropdown-toggle .dropdown-filter-arr svg path{
  fill: #E05353 !important
}

.dropdown.dropdown-outline.dark.error .dropdown-toggle{
    background: rgba(224, 83, 83, 0.20) !important;
}
/** Fix for accessibility **/
.dropdown.dropdown-standard:not(.dark) .dropdown-toggle:focus-visible .dropdown-filter-arr svg {
  background-color: #000A3C;
}

.dropdown.dropdown-standard.dark:focus-visible .dropdown-toggle .dropdown-filter-arr svg {
  background-color: #fff;
}

.dropdown.dropdown-standard.dark .dropdown-toggle:focus-visible .dropdown-filter-arr svg path {
  fill: #000a3c;
}

.dropdown.dropdown-standard:not(.dark) .dropdown-toggle:focus-visible .dropdown-filter-arr svg path {
  fill: #fff;
}

/** Fix for accessibility **/

@media(min-width:1025px){
  .dropdown.dropdown-standard:not(.dark) .dropdown-toggle:hover .dropdown-filter-arr svg {
    background-color: #000A3C;
  }

  .dropdown.dropdown-standard.dark:hover .dropdown-toggle .dropdown-filter-arr svg {
    background-color: #fff;
}

.dropdown.dropdown-standard:not(.dark) .dropdown-toggle .dropdown-filter-arr svg path,
.dropdown.dropdown-standard.dark .dropdown-toggle:hover .dropdown-filter-arr svg path {
    fill: #000a3c;
}

.dropdown.dropdown-standard:not(.dark) .dropdown-toggle:hover .dropdown-filter-arr svg path{
  fill: #fff;
}

 .dropdown.dropdown-standard .dropdown-menu::-webkit-scrollbar,
.dropdown-outline .dropdown-menu::-webkit-scrollbar {
      width: 6px;
      height: 6px
    }

    .dropdown-outline .dropdown-menu::-webkit-scrollbar-thumb,
    .dropdown.dropdown-standard .dropdown-menu::-webkit-scrollbar-thumb  {
      background: #666;
      border-radius: 20px;
    }

    .dropdown.dropdown-standard .dropdown-menu::-webkit-scrollbar-track,
    .dropdown-outline .dropdown-menu::-webkit-scrollbar-track{
      background: #ddd;
      border-radius: 20px;
    }
}

@media (max-width:1024px){
  .dropdown.dropdown-standard:not(.dark) .dropdown-toggle .dropdown-filter-arr svg path{
    fill: #000a3c !important;
  }
  .dropdown.dropdown-standard:not(.dark) .dropdown-toggle:focus-visible .dropdown-filter-arr svg path {
    fill: #fff !important;
  }
}
