.select-items2 {
    display: none;
}

.select-selected2 {
    position: relative;
    padding-right: 30px;
}

/* LTR (Left to Right) styles */
[dir="ltr"] .select-selected2 {
    padding-right: 30px;
    padding-left: 10px;
}

    [dir="ltr"] .select-selected2::after {
        right: 10px;
        left: auto;
    }

/* RTL (Right to Left) styles */
[dir="rtl"] .select-selected2 {
    padding-left: 30px;
    padding-right: 10px;
}

    [dir="rtl"] .select-selected2::after {
        left: 10px;
        right: auto;
    }

.show-options .select-items2 {
    display: block;
}

.tag {
    display: inline-flex;
    align-items: center;
    background-color: #e2e8f0;
    color: #374151;
    padding: 0px 8px;
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 12px;
}

    .tag span {
        margin-left: 4px;
        cursor: pointer;
    }

.selected-tags-container55 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    max-height: 40px;
    padding-right: 10px;
    align-items: center;
}

.select-selected .input-field {
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
}

.more-tags-indicator {
    display: inline-flex;
    align-items: center;
    background-color: #e2e8f0;
    color: #374151;
    padding: 0px 8px;
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 12px;
}

.option-with-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.option-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .option-checkbox.checked {
        background-color: #009483;
        border-color: #009483;
    }

        .option-checkbox.checked::after {
            content: "✓";
            color: white;
            font-size: 12px;
        }

.select-selected2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.custom-select2.show-options .select-selected2::after {
    transform: translateY(-50%) rotate(180deg);
}


<!-- rating -->

.select-items3 {
    display: none;
}

.select-selected3 {
    position: relative;
    padding-right: 30px;
}

/* LTR (Left to Right) styles */
[dir="ltr"] .select-selected3 {
    padding-right: 30px;
    padding-left: 10px;
}

    [dir="ltr"] .select-selected3::after {
        right: 10px;
        left: auto;
    }

/* RTL (Right to Left) styles */
[dir="rtl"] .select-selected3 {
    padding-left: 30px;
    padding-right: 10px;
}

    [dir="rtl"] .select-selected3::after {
        left: 10px;
        right: auto;
    }

.show-options .select-items3 {
    display: block;
}

.select-selected3::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.custom-select3.show-options .select-selected3::after {
    transform: translateY(-50%) rotate(180deg);
}




.select-items4 {
    display: none;
}

.select-selected4 {
    position: relative;
    padding-right: 30px;
}

/* LTR (Left to Right) styles */
[dir="ltr"] .select-selected4 {
    padding-right: 30px;
    padding-left: 10px;
}

    [dir="ltr"] .select-selected4::after {
        right: 10px;
        left: auto;
    }

/* RTL (Right to Left) styles */
[dir="rtl"] .select-selected4 {
    padding-left: 30px;
    padding-right: 10px;
}

    [dir="rtl"] .select-selected4::after {
        left: 10px;
        right: auto;
    }

.show-options .select-items4 {
    display: block;
}

.select-selected4::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.custom-select4.show-options .select-selected4::after {
    transform: translateY(-50%) rotate(180deg);
}




.select-items5 {
    display: none;
}

.select-selected5 {
    position: relative;
    padding-right: 30px;
}

/* LTR (Left to Right) styles */
[dir="ltr"] .select-selected5 {
    padding-right: 30px;
    padding-left: 10px;
}

    [dir="ltr"] .select-selected5::after {
        right: 10px;
        left: auto;
    }

/* RTL (Right to Left) styles */
[dir="rtl"] .select-selected5 {
    padding-left: 30px;
    padding-right: 10px;
}

    [dir="rtl"] .select-selected5::after {
        left: 10px;
        right: auto;
    }

.show-options .select-items5 {
    display: block;
}

.select-selected5::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.custom-select5.show-options .select-selected5::after {
    transform: translateY(-50%) rotate(180deg);
}



/*
.select-selected::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 14px;
    pointer-events: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}*/
.select-selected {
    position: relative;
   /* padding-right: 30px;
    padding-left: 30px;*/
}

/* LTR (Left to Right) styles */
[dir="ltr"] .select-selected::after {
    right: 10px;
    left: auto;
}

/* RTL (Right to Left) styles */
[dir="rtl"] .select-selected::after {
    left: 10px;
    right: auto;
}

.select-selected::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22expand_more%22%3E%3Cmask%20id%3D%22mask0_8380_3712%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20id%3D%22Bounding%20box%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_8380_3712%29%22%3E%3Cpath%20id%3D%22expand_more_2%22%20d%3D%22M11.9998%2014.9504C11.8665%2014.9504%2011.7415%2014.9296%2011.6248%2014.8879C11.5081%2014.8462%2011.3998%2014.7754%2011.2998%2014.6754L6.6998%2010.0754C6.51647%209.89206%206.4248%209.65872%206.4248%209.37539C6.4248%209.09206%206.51647%208.85872%206.6998%208.67539C6.88314%208.49206%207.11647%208.40039%207.3998%208.40039C7.68314%208.40039%207.91647%208.49206%208.0998%208.67539L11.9998%2012.5754L15.8998%208.67539C16.0831%208.49206%2016.3165%208.40039%2016.5998%208.40039C16.8831%208.40039%2017.1165%208.49206%2017.2998%208.67539C17.4831%208.85872%2017.5748%209.09206%2017.5748%209.37539C17.5748%209.65872%2017.4831%209.89206%2017.2998%2010.0754L12.6998%2014.6754C12.5998%2014.7754%2012.4915%2014.8462%2012.3748%2014.8879C12.2581%2014.9296%2012.1331%2014.9504%2011.9998%2014.9504Z%22%20fill%3D%22%236B7280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.select-items div::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
}

.up-arrow::before {
    content: "\25B2";
}

.down-arrow::before {
    content: "\25BC";
}