.tui-wrap{
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:0px;
}

.globe-wrap{
	height:28px;
	margin-right:-6px;
	overflow:hidden;
}
.lang-globe{
	display:flex;
	flex-direction:column;
	gap:6px;
	padding-top:6px;
	transition: all ease 0.5s;	
}
.tui-wrap:hover .lang-globe{
	margin-top:-100%;
	transition: all ease 0.5s;	
}

.tui-trigger{
	border:none;
	border-radius:10px;
	padding:5px 10px;
	color: white;
	background-color:transparent;
}
.tui-trigger:focus{
	background-color:transparent;
}
.tui-trigger:hover{
	background-color:transparent;
}


.tui-list{
	padding:8px;	
}
.tui-list ul{
	padding:0px;
}

.tui-pop{
	display:none;
	position:absolute;
	top:170%;
	width:180px;
	left:-100%;
	z-index:2;
	background-color: white !important;
    border: solid 2px #D7DAEE !important;
	border:1px solid #ddd;
	border-radius:6px
}
.tui-pop::before {
  content: '';
  position: absolute;
  top: -32px; /* adjust based on size */
  left: 65%;
  transform: translateX(-50%);
	z-index:3;
  width: 36px;
  height: 24px;
	display:table;
	clear:both;
	padding: 24px;
  background: url('https://uat-web.valorpaytech.com/wp-content/uploads/2025/02/Carat-2.svg') no-repeat center / contain;
}

.tui-wrap.tui-open .tui-pop{
	display:block
}
.notranslate{
	unicode-bidi:isolate
}
/* Optional: visual tweak for flag + label spacing */
.tui-item{
	display:flex;
	align-items:center;
	cursor:pointer;
	margin-left:-8px;
	padding:12px 12px;
	gap:.5rem;
	font-size:16px;
	font-family:'Open sans';
	transition: all ease 0.5s;
	
}
.tui-item:hover, .tui-item.active{
	color:#011CA3;
	font-weight:bold;
	padding:12px 12px;
	background:linear-gradient(90deg, #EEFBFF 0%, #DCF7FF 100%);
	border-left: solid 4px #011CA3;
	border-radius: 0px 4px 4px 0px;
}


/* Drop down */
/* Kill any default carets from themes/Google */
.tui-wrap .tui-trigger::after,
.tui-wrap .tui-trigger:after,
.tui-wrap .goog-te-menu-value::after,
.tui-wrap .goog-te-menu-value:after { content: none !important; display: none !important; }

/* Nuke background-based arrows some themes use */
.tui-wrap .tui-trigger {
  background: none !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative;
  padding-right: 22px; /* space for our arrow */
}

/* Force our SVG to show and sit on the right */
.tui-wrap .tui-trigger .tui-caret {
  position: absolute;
  left: 70%;
  top: 50%;
  transform: translateY(-50%);
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
  pointer-events: none;
}

/* Optional: rotate when menu open */
.tui-wrap.tui-open .tui-trigger .tui-caret { transform: translateY(-50%) rotate(180deg); }

.tui-item.tui-item-shortcode{
	background:transparent !important;
	padding:0px !important;
	border:none !important;
	margin-top:3px;
	margin-bottom:-3px;
}

.skiptranslate{
	display:none;	
}

@media only screen and (max-width: 600px) {
	.tui-trigger{
		font-size:14px;
		color:blue;
	}
}

/* === Hide Google Translate banner and reset layout (non-destructive) === */
.goog-te-banner-frame.skiptranslate, .goog-te-banner-frame { display: none !important; }
#goog-gt-tt { display: none !important; visibility: hidden !important; }
body { top: 0px !important; }
/* (Optional) hide "Powered by Google" logo injected by widget */
.goog-logo-link, .goog-te-gadget span { display: none !important; }
.goog-te-gadget { height: 0 !important; }
/* === End banner overrides === */


.tui-current{display:inline-flex;align-items:center;gap:8px;}
.tui-current-flag{font-size:18px;line-height:1;display:inline-block}