.collapse_gender_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_gender_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_gender_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_gender_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_base_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_base_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_base_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_base_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_scent_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_scent_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_scent_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_scent_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_company_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_company_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 140px;
                            visibility: visible;
                        }

                        .collapse_company_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_company_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_value_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_value_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 140px;
                            visibility: visible;
                        }

                        .style_text {
                            margin-left: auto;
                            margin-right: auto;
                            margin-top: 4px;
                            margin-bottom: 4px;
                            color: rgb(55, 55, 55);
                        }

                        .collapse_value_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_value_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .BoxFilter {
                            z-index: 100;
                            width: 100%;
                            height: 0;
                            transition: all 350ms ease;
                        }

                        .BoxFilter.active {
                            min-height: 450px;
                        }

                        .div_box_filter {
                            z-index: 999;
                            width: 0;
                            height: 0;
                            opacity: 0;
                            visibility: hidden;
                            transition: all 150ms ease;
                        }

                        .div_box_filter.active {
                            visibility: visible;
                            opacity: 1;
                            width: 100%;
                            /* height: 350px; */

                        }

                        .icon {
                            transform: rotate(0deg);
                            transition: all 250ms ease;
                        }

                        .icon.active {
                            transform: rotate(180deg);
                        }

                        .collapse_value_sm_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_value_sm_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 140px;
                            visibility: visible;
                        }

                        .collapse_value_sm_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_value_sm_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_company_sm_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_company_sm_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 110px;
                            visibility: visible;
                        }

                        .collapse_company_sm_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_company_sm_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .font_sm {
                            font-size: 13px;
                        }

                        .collapse_scent_sm_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_scent_sm_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_scent_sm_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_scent_sm_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_base_sm_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_base_sm_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_base_sm_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_base_sm_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .collapse_gender_sm_part {
                            opacity: 0;
                            height: 0;
                            visibility: hidden;
                            transition: all 250ms ease;
                        }

                        .collapse_gender_sm_part.active {
                            margin-top: 18px;
                            opacity: 1;
                            height: 50px;
                            visibility: visible;
                        }

                        .collapse_gender_sm_part_icon {
                            color: rgb(111, 74, 18);
                            transition: all 250ms ease;
                        }

                        .collapse_gender_sm_part_icon.add {
                            transform: rotate(-90deg);
                        }

                        .scrollbar-hide {
                            height: 600px;
                            overflow-y: scroll;
                            mask-image: linear-gradient(to bottom,
                                    black 80%,
                                    black 95%,
                                    transparent 100%);
                        }