GTranslate plugin does not show on Safari or Apple products

We are using GTranslate on a new site https://chc2021.excell.net/ .? 

The GTranslate plugin does not show on Safari or Apple products, nor when in smaller mobile mode.? 

If you view https://chc2021.excell.net/ in a Chrome/Edge/Firefox browser, you will see GTranslate displayed in the top navigation menu.? We want this to work the same in Safari & Apple products, as well as mobile menus.?

CSS code related to display below:


The code currently used for the standard sized display in Custom CSS is (and I have included all Custom CSS for your reference):

#gtranslate_wrapper .switcher { position: fixed;
??? top: 12px;
??? left: 50%;
??? z-index: 999999; }
.elementor-kit-12235 {
??? color: #555555 !important;
}??????????????????????????????????????????????????????????
.cms-post-grid-layout1 .entry-readmore .btn-more, .cms-post-carousel-layout1 .entry-readmore .btn-more {
??? color: #555555 !important;
}
.cms-post-carousel-layout1 .grid-item-inner:hover .entry-readmore .btn-more {
??? background-color: #ffffff;
??? color: #5b9e95 !important; }
.cms-post-grid-layout1 .grid-item-inner:hover .entry-readmore .btn-more {
??? background-color: #ffffff;
??? color: #5b9e95 !important; }???
.primary-menu .sub-menu li a {
??? color: #044f9e;
??? font-size: 15px;
??? font-weight: 500;
 ?? line-height: normal;
??? padding: 8px 0; }
????.primary-menu .sub-menu li a:hover {
??? color: #5b9e95; }
????.primary-menu .sub-menu {
??? padding-top: 15px;
??? padding-right: 40px;
??? padding-bottom: 15px;
??? padding-left: 40px;????? }
????.single-hentry .entry-title {
??? font-size: 38px;
??? color: #044F9E; }?????????
????.tagcloud a:hover, .entry-tags a:hover {
??? color: #5B9E95;
??? background-color: #ffffff; }
????.single-post .entry-navigation .nav-item {
??? border: none; }????????????

The following is in Additional CSS:
@media (min-width: 1200px) and (max-width: 1500px){
?????????????? #site-header-wrap.header-layout2 .site-header-search {
????????????????????????????? display: block!important; }}
#site-header-wrap .site-header-search span i.far {
?????????????? font-family: "Font Awesome 5 Pro"; }
.far {
?????????????? font-family: "Font Awesome 5 Pro"; }

/* Header */
.header-top-item-inner {
?????????????? color: #ffffff; }
.header-top-item-inner a {
?????????????? color: #ffffff; }
.header-top-item-inner a:hover {
?????????????? color: #f4f4f4; }
#site-header-wrap.header-layout1 .site-header-top .header-top-right .site-header-social a {
?????????????? background-color: #99CE72; color: #ffffff; }
#site-header-wrap.header-layout1 .site-header-main .site-tool .site-header-button .btn {
?????????????? background-color: #5B9E95; border: none; color: #ffffff; }
#site-header-wrap.header-layout1 .site-header-top .header-top-left i {
?????????????? color: #99ce72; }
/* Fancy Box */
.cms-fancy-box.layout1:hover {
?????????????? background-color: #99ce72 !important; }
/* Providers Widget */
.elementor-widget-container .cms-doctor-grid.layout3 .item-category {
?????????????? display: none; }
.cms-doctor-info .bottom-content .content-text .doctor-category {
?????????????? display: none; }
.cms-doctor-grid.layout3 h3.entry-title {
?????????????? line-height: 27px; }

The page I need help with: [log in to see the link]