.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

/* from main css */

.dropdown-toggle {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #202024;
	gap: 4px;
	padding: 0;
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.dropdown-toggle:after {
	/* background-image: url(../img/arrow-down-black.svg); */
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 1.35375L6.35378 6.35375C6.30735 6.40024 6.2522 6.43712 6.1915 6.46228C6.13081 6.48745 6.06574 6.5004 6.00003 6.5004C5.93433 6.5004 5.86926 6.48745 5.80856 6.46228C5.74786 6.43712 5.69272 6.40024 5.64628 6.35375L0.646284 1.35375C0.552464 1.25993 0.499756 1.13269 0.499756 1C0.499756 0.867321 0.552464 0.740073 0.646284 0.646253C0.740104 0.552433 0.867352 0.499725 1.00003 0.499725C1.13272 0.499725 1.25996 0.552433 1.35378 0.646253L6.00003 5.29313L10.6463 0.646253C10.6927 0.599798 10.7479 0.562948 10.8086 0.537807C10.8693 0.512665 10.9343 0.499725 11 0.499725C11.0657 0.499725 11.1308 0.512665 11.1915 0.537807C11.2522 0.562948 11.3073 0.599798 11.3538 0.646253C11.4002 0.692708 11.4371 0.747859 11.4622 0.808555C11.4874 0.869252 11.5003 0.934306 11.5003 1C11.5003 1.0657 11.4874 1.13076 11.4622 1.19145C11.4371 1.25215 11.4002 1.3073 11.3538 1.35375Z' fill='currentColor'/%3E%3C/svg%3E%0A");
	background-size: contain;
	border: none;
	display: block;
	height: 7px;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	width: 12px
}

.dropdown-toggle:active,
.dropdown-toggle:focus,
.dropdown-toggle:hover {
	background-color: rgba(0, 0, 0, 0) !important;
	color: #2c9a54 !important
}

.dropdown-toggle.show {
	background-color: rgba(0, 0, 0, 0);
	color: #2c9a54
}

.dropdown-toggle.show:after {
	/* background-image: url(../img/arrow-down-green.svg); */
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 1.35375L6.35378 6.35375C6.30735 6.40024 6.2522 6.43712 6.1915 6.46228C6.13081 6.48745 6.06574 6.5004 6.00003 6.5004C5.93433 6.5004 5.86926 6.48745 5.80856 6.46228C5.74786 6.43712 5.69272 6.40024 5.64628 6.35375L0.646284 1.35375C0.552464 1.25993 0.499756 1.13269 0.499756 1C0.499756 0.867321 0.552464 0.740073 0.646284 0.646253C0.740104 0.552433 0.867352 0.499725 1.00003 0.499725C1.13272 0.499725 1.25996 0.552433 1.35378 0.646253L6.00003 5.29313L10.6463 0.646253C10.6927 0.599798 10.7479 0.562948 10.8086 0.537807C10.8693 0.512665 10.9343 0.499725 11 0.499725C11.0657 0.499725 11.1308 0.512665 11.1915 0.537807C11.2522 0.562948 11.3073 0.599798 11.3538 0.646253C11.4002 0.692708 11.4371 0.747859 11.4622 0.808555C11.4874 0.869252 11.5003 0.934306 11.5003 1C11.5003 1.0657 11.4874 1.13076 11.4622 1.19145C11.4371 1.25215 11.4002 1.3073 11.3538 1.35375Z' fill='%23008c75'/%3E%3C/svg%3E%0A");
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dropdown-menu {
	background-color: #fff;
	border: 1px solid rgba(161, 167, 179, .1);
	border-radius: 12px;
	-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .051);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .051);
	display: block;
	margin-top: 20px !important;
	max-height: calc(100vh - 200px);
	opacity: 0;
	overflow-y: auto;
	padding: 4px;
	pointer-events: none;
	scrollbar-color: rgba(0, 0, 0, 0);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.dropdown-menu::-webkit-scrollbar-track {
	margin: 10px
}

.dropdown-menu::-webkit-scrollbar {
	background-color: #fff;
	border-radius: 0 10px 10px 0;
	height: 7px;
	width: 7px
}

.dropdown-menu::-webkit-scrollbar-thumb {
	background-color: rgba(161, 167, 179, .3);
	border-radius: 10px
}

.dropdown-menu.show {
	opacity: 1;
	pointer-events: auto
}

.dropdown-item {
	border-radius: 8px;
	font-size: 18px;
	opacity: 0;
	padding: 12px 20px;
	-webkit-transition: all .15s linear;
	transition: all .15s linear
}

.dropdown-item:hover {
	background-color: rgba(161, 167, 179, .1)
}

.show .dropdown-item {
	opacity: 1
}
