.langSelector{position:relative}.langSelector .mainIcon{color:var(--Primary-DarkBlue-icon);font-size:22.5px}.langSelector.right .customPopper{right:-4px}.langSelector.right .customPopper .arrow{right:7.5px}.langSelector.left .customPopper{left:-14px}.langSelector.left .arrow{left:14.5px}.langSelector .customPopper{border:1px solid var(--Gray-200,#e9eaeb);opacity:0;visibility:hidden;z-index:-10;border-radius:8px;width:102px;transition:all .3s ease-in-out;position:absolute;top:calc(100% + 30px);box-shadow:0 4px 4px rgba(0,0,0,.15)}.langSelector .customPopper .popperCont{background-color:var(--light-White,#fff);z-index:2;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.langSelector .customPopper .popperCont .langLabel{color:#838383;cursor:pointer;justify-content:flex-end;align-items:center;gap:6px;font-size:16px;transition:all .3s ease-in-out;display:flex}.langSelector .customPopper .popperCont .langLabel.ar{font-family:var(--font-arabic)}.langSelector .customPopper .popperCont .langLabel p{font-weight:500}.langSelector .customPopper .popperCont .langLabel.active,.langSelector .customPopper .popperCont .langLabel:hover{color:var(--Primary-DarkBlue,#0b1956)}.langSelector .customPopper .popperCont .langLabel .icon{margin-bottom:-5px;font-size:13.34px}.langSelector .customPopper .arrow{background-color:var(--light-White,#fff);border:1px solid var(--Gray-200,#e9eaeb);z-index:1;width:18px;height:18px;display:block;position:absolute;top:-7px;transform:rotate(52deg)}.langSelector .customPopper.open{opacity:1;visibility:visible;z-index:100;top:calc(100% + 10px)}