Невозможно выбрать выпадающее значение внутри теневого элемента

Question

Я пытаюсь выбрать выпадающее значение внутри моего теневого элемента, используя приведенный ниже код, я перешел к последней точке, но выбор не произошел, я хочу выбрать любой выпадающий элемент на экране на основе текста (trip.com, priceline .com et c), пожалуйста, помогите.

            WebElement shadowRoot1 = expandRootElement(root1);

            WebElement root2 = shadowRoot1.findElement(By.id("hotels-search"));
            WebElement shadowRoot2 = expandRootElement(root2);

            WebElement root3 = shadowRoot2.findElement(By.id("detail"));
            WebElement shadowRoot3 = expandRootElement(root3);

            WebElement root4 = shadowRoot3.findElement(By.id("rates"));
            WebElement shadowRoot4 = expandRootElement(root4);
            WebElement root5 = shadowRoot4.findElement(By.tagName("hotel-rates-sort-bar"));
            WebElement shadowRoot5 = expandRootElement(root5); 
            WebElement element = shadowRoot5.findElement(By.cssSelector("#__providersDropdown > div.dropdown > div"));  
            Select select= new Select(element);
            select.selectByIndex(2);```

**My elements in the below screenshot**.
[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/8sLtu.png