#NavBar {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 25;
  transition: 0.2s;
}
@media (min-width: 992px) {
  #NavBar.Scroll {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  #NavBar.BgWhite {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
}
/* #NavBar.RtlDir > .DesktopNav > section > .logo { */
#NavBar.RtlDir > .DesktopNav > section .logo {
  min-width: 150px;
  width: 150px;
}
/* #NavBar.RtlDir > .DesktopNav > section > .logo > img { */
#NavBar.RtlDir > .DesktopNav > section .logo > img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 53px;
}
#NavBar.RtlDir > .DesktopNav > section > div {
  position: relative;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList {
  margin: 0 2rem 0 1rem;
  font-weight: initial;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li {
  margin-left: 1.5rem;
}
@media (max-width: 1199.98px) {
  #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li {
    margin-left: 1rem;
  }
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > span, #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li a,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > span, #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li a {
  transition: 0.2s;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > span i, #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li a i {
  transition: 0.2s;
}
/* #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li.category > span > i { */
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li.category span > i {
  margin-right: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li.ContactUs {
  position: relative;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.Profile span > i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li.ContactUs span > i {
  margin-right: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory {
  position: absolute;
  right: -120px;
  left: 0;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  right: 192px;
  top: 14px;
  background-color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  right: 192px;
  top: 14px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div {
  background: #FFFFFF;
  position: relative;
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  min-height: 600px;
  max-height: 600px;
  height: 600px;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div {
    min-height: 450px;
    max-height: 450px;
    height: 450px;
  }
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul {
  width: 80%;
  margin: 0;
  z-index: 1;
  position: relative;
  max-height: 100%;
  overflow: auto;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li {
  padding: 0.5rem 0 0.5rem 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a {
  overflow: hidden;
  box-shadow: 0 0 0 2px #F6F2F2;
  border-radius: 1rem;
  text-decoration: none;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div {
  position: relative;
  padding: 0 0.3rem 0 1rem;
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  min-height: 80px;
  height: 80px;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div svg,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div img {
  fill: #6F1517;
  /* width: 70%; */
  height: 70%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: 0.2s;
  z-index: 1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div::after {
  content: "";
  z-index: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #F6F2F2;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > figcaption {
  color: #6F1517;
  transition: 0.2s;
  margin: auto;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure:hover svg {
  fill: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure:hover figcaption {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5), #FFFFFF 30%);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div > img {
  height: 100%;
  float: left;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact {
  position: absolute;
  top: 90%;
  right: -30%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul {
  position: relative;
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan a i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover > span, #NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover a {
  color: #f7b538;
  cursor: pointer;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover > span i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan:hover a i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover a i {
  transform: rotate(180deg);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover > .NavbarCategory {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarList > li:hover > .NavbarContact {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption {
  position: relative;
  margin: 0 auto 0 0;
  padding: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption.active li:not(.search) {
  opacity: 0;
  visibility: hidden;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption.active li.search #SearchWeb {
  visibility: visible;
  opacity: 1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li {
  display: flex;
  align-items: center;
  transition: 0.2s;
  opacity: 1;
  visibility: visible;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan {
  position: relative;
  border-left: 2px solid #C6C6C6;
  margin-left: 1rem;
  padding-left: 1rem;
  font-weight: initial;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > a > i {
  margin-right: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan {
  position: absolute;
  top: 90%;
  right: -60%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul {
  position: relative;
  padding: 1rem 2rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.login {
  margin-left: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.login > a {
  transition: 0.2s;
  text-decoration: none;
  background-color: #6F1517;
  color: #FFFFFF;
  border-radius: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.login > a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb {
  position: absolute;
  right: 0;
  left: 0;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > input {
  border-color: #6F1517;
  background-color: #F6F2F2;
  padding: 0.2rem 2rem 0.5rem 0.5rem;
  width: 100%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > input::placeholder {
  font-size: 80%;
  color: #707070;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > i {
  color: #6F1517;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > button {
  color: #6F1517;
  position: absolute;
  top: 10px;
  right: 10px;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif {
  position: absolute;
  left: 0;
  right: -200px;
  top: 90%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > header > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li {
  border-bottom: 2px dashed #6F1517;
  padding: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li:last-child {
  border-bottom: 2px solid #6F1517;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop {
  position: absolute;
  left: 0;
  right: -200px;
  top: 90%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > header > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li {
  padding: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li:not(:last-child) {
  border-bottom: 2px dashed #6F1517;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure {
  position: relative;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > div {
  width: 120px;
  height: 120px;
  border-radius: 1rem;
  overflow: hidden;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > div > img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption {
  margin-right: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > div small {
  color: #707070;
  margin-left: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > div small del {
  color: #FF0000;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > button {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  color: #FF0000;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > button:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer {
  border-top: 1px solid #707070;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > section > div span {
  color: #707070;
  margin-left: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > section > div h5 {
  color: #6F1517;
  margin-left: 1rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a {
  transition: 0.2s;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > button {
  background-color: transparent;
  position: relative;
  border: 0;
  padding: 0;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a > i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > button > i {
  font-size: 1.3rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a > .bage,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > button > .bage {
  position: absolute;
  background-color: #6F1517;
  color: #FFFFFF;
  border-radius: 100%;
  padding-top: 1px;
  width: 18px;
  height: 18px;
  top: -9px;
  right: -9px;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > a:hover,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > button:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarLan {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarNotif {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarShop {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.RtlDir > .MobileNav {
  position: relative;
  padding-left: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu {
  position: fixed;
  top: 0;
  right: -101%;
  bottom: 0;
  padding-top: 60px;
  z-index: -1;
  transition: 0.2s;
  width: 100%;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu.active {
  right: 0;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu.active + button.Access i::before {
  content: "\f178";
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #FFFFFF, rgba(255, 255, 255, 0.8));
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul {
  margin: 0;
  list-style-type: none;
  padding: 1rem 0;
  position: relative;
  z-index: 1;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li {
  display: flex;
  flex-direction: column;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li a, #NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li span {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
  padding: 0.3rem 1rem;
  flex: 1;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li a:not(span):hover, #NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li span:not(span):hover {
  color: #f7b538;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li > ul {
  margin-top: 0.5rem;
  margin-right: 1rem;
  padding: 0;
  border-right: 2px solid #6F1517;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li > ul li {
  display: flex;
  flex-direction: column;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
  padding: 0.3rem 1rem;
  flex: 1;
  position: relative;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a:not(span):hover {
  color: #f7b538;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1rem;
  border: 2px solid #6F1517;
  overflow: hidden;
  top: calc(50% + 1px);
  transform: translate(50%, -50%);
  right: -1px;
  background: #FFFFFF;
  z-index: 1;
}
#NavBar.RtlDir > .MobileNav > section.Menu #MobileMenu > img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#NavBar.RtlDir > .MobileNav > section.Menu button {
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Access {
  padding: 0;
  font-size: 1.7rem;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan {
  position: relative;
  margin-right: 1rem;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan {
  position: absolute !important;
  top: 90% !important;
  right: -37% !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul {
  position: relative;
  padding: 1rem 2rem !important;
  margin-top: 1rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .MobileNav > section.Logo svg {
  width: 50px;
}
#NavBar.RtlDir > .MobileNav > section.Option button {
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 1.2rem;
  padding: 0.5rem;
}
#NavBar.RtlDir > .MobileNav > section.Option button.Search.active + #SearchMob {
  visibility: visible;
  opacity: 1;
}
#NavBar.RtlDir > .MobileNav > section.Option #SearchMob {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  border: 0;
  background: #FFFFFF;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
  z-index: 1;
}
#NavBar.RtlDir > .MobileNav > section.Option #SearchMob > input {
  border: none;
  padding: 0.3rem 2.5rem 0.5rem 0.5rem;
  width: 100%;
  outline: none;
}
#NavBar.RtlDir > .MobileNav > section.Option #SearchMob > input::placeholder {
  font-size: 80%;
  color: #707070;
}
#NavBar.RtlDir > .MobileNav > section.Option #SearchMob > i {
  color: #6F1517;
  position: absolute;
  top: 22px;
  left: 15px;
  cursor: pointer;
}
#NavBar.RtlDir > .MobileNav > section.Option #SearchMob > button {
  color: #707070;
  position: absolute;
  top: 21px;
  right: 10px;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  margin: 0 auto !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  padding: 0 !important;
  top: 90% !important;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 400px;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > header > span {
  font-size: 85%;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > ul {
  flex: 1;
  overflow: auto;
  margin: 0;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li {
  padding: 0.7rem;
  border-bottom: 2px dashed #6F1517;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a > span {
  font-size: 80%;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > footer {
  border-top: 2px solid #6F1517;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a > span {
  font-size: 85%;
}
#NavBar.RtlDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin {
  position: absolute !important;
  top: 90% !important;
  left: 0 !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin > ul {
  position: relative;
  padding: 0.7rem !important;
  margin-top: 1rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .MobileNav > section.Option .Navbarlogin > ul > li > a:hover {
  color: #f7b538;
}
/* #NavBar.LtrDir > .DesktopNav > section > .logo { */
#NavBar.LtrDir > .DesktopNav > section .logo {
  min-width: 150px;
  width: 150px;
}
/* #NavBar.LtrDir > .DesktopNav > section > .logo > img { */
#NavBar.LtrDir > .DesktopNav > section .logo > img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 53px;
}
#NavBar.LtrDir > .DesktopNav > section > div {
  position: relative;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList {
  margin: 0 1rem 0 2rem;
  font-weight: initial;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li {
  margin-right: 1.5rem;
}
@media (max-width: 1199.98px) {
  #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li {
    margin-right: 1rem;
  }
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > span, #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li a {
  transition: 0.2s;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > span i, #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li a i {
  transition: 0.2s;
}
/* #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li.category > span > i { */
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li.category span > i {
  margin-left: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li.ContactUs {
  position: relative;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.Profile span > i,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li.ContactUs span > i {
  margin-left: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory {
  position: absolute;
  left: -120px;
  right: 0;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div {
  background: #FFFFFF;
  position: relative;
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  min-height: 600px;
  max-height: 600px;
  height: 600px;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div {
    min-height: 450px;
    max-height: 450px;
    height: 450px;
  }
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  left: 192px;
  top: -9px;
  background-color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  left: 192px;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul {
  width: 80%;
  margin: 0;
  z-index: 1;
  position: relative;
  max-height: 100%;
  overflow: auto;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li {
  padding: 0.5rem 1rem 0.5rem 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a {
  overflow: hidden;
  box-shadow: 0 0 0 2px #F6F2F2;
  border-radius: 1rem;
  text-decoration: none;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div {
  position: relative;
  padding: 0 1rem 0 0.3rem;
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  min-height: 80px;
  height: 80px;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div svg,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div img {
  fill: #6F1517;
  /* width: 70%; */
  height: 70%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: 0.2s;
  z-index: 1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > div::after {
  content: "";
  z-index: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #F6F2F2;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure > figcaption {
  color: #6F1517;
  transition: 0.2s;
  margin: auto;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure:hover svg {
  fill: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > ul > li > a > figure:hover figcaption {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.5), #FFFFFF 30%);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarCategory > div > div > img {
  height: 100%;
  float: right;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact {
  position: absolute;
  top: 90%;
  left: -30%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul {
  position: relative;
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
  top: -9px;
  background-color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan a i,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li > .NavbarContact > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover > span, #NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover a {
  color: #f7b538;
  cursor: pointer;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover > span i,
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li.lan:hover a i,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover a i {
  transform: rotate(180deg);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover > .NavbarCategory {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarList > li:hover > .NavbarContact {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption {
  position: relative;
  margin: 0 0 0 auto;
  padding: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption.active li:not(.search) {
  opacity: 0;
  visibility: hidden;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption.active li.search #SearchWeb {
  visibility: visible;
  opacity: 1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li {
  display: flex;
  align-items: center;
  transition: 0.2s;
  opacity: 1;
  visibility: visible;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan {
  position: relative;
  border-right: 2px solid #C6C6C6;
  margin-right: 1rem;
  padding-right: 1rem;
  font-weight: initial;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > a > i {
  margin-left: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan {
  position: absolute;
  top: 90%;
  left: -25%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul {
  position: relative;
  padding: 1rem 2rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
  top: -9px;
  background-color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.lan > .NavbarLan > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.login {
  margin-right: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.login > a {
  transition: 0.2s;
  text-decoration: none;
  background-color: #6F1517;
  color: #FFFFFF;
  border-radius: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.login > a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb {
  position: absolute;
  right: 0;
  left: 0;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > input {
  border-color: #6F1517;
  background-color: #F6F2F2;
  padding: 0.2rem 0.5rem 0.5rem 2rem;
  width: 100%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > input::placeholder {
  font-size: 80%;
  color: #707070;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > i {
  color: #6F1517;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li.search #SearchWeb > button {
  color: #6F1517;
  position: absolute;
  top: 10px;
  left: 10px;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif {
  position: absolute;
  right: 0;
  left: -200px;
  top: 90%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > header > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li {
  border-bottom: 2px dashed #6F1517;
  padding: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li:last-child {
  border-bottom: 2px solid #6F1517;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarNotif > .notif > footer a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop {
  position: absolute;
  right: 0;
  left: -200px;
  top: 90%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1.5rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > header > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li {
  padding: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li:not(:last-child) {
  border-bottom: 2px dashed #6F1517;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure {
  position: relative;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > div {
  width: 120px;
  height: 120px;
  border-radius: 1rem;
  overflow: hidden;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > div > img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption {
  margin-left: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > div small {
  color: #707070;
  margin-right: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > div small del {
  color: #FF0000;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  color: #FF0000;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > ul > li > figure > figcaption > button:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer {
  border-top: 1px solid #707070;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > section > div span {
  color: #707070;
  margin-right: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > section > div h5 {
  color: #6F1517;
  margin-right: 1rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarShop > .shop > footer > a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a {
  transition: 0.2s;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > button {
  background-color: transparent;
  position: relative;
  border: 0;
  padding: 0;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a > i,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > button > i {
  font-size: 1.3rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a > .bage,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > button > .bage {
  position: absolute;
  background-color: #6F1517;
  color: #FFFFFF;
  border-radius: 100%;
  padding-top: 1px;
  width: 18px;
  height: 18px;
  top: -9px;
  left: -9px;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > a:hover,
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > button:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarLan {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarNotif {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarShop {
  visibility: visible;
  opacity: 1;
  top: 90%;
}
#NavBar.LtrDir > .MobileNav {
  position: relative;
  padding-right: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu {
  position: fixed;
  top: 0;
  left: -101%;
  bottom: 0;
  padding-top: 60px;
  z-index: -1;
  transition: 0.2s;
  width: 100%;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu.active {
  left: 0;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu.active + button.Access i::before {
  content: "\f177";
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #FFFFFF, rgba(255, 255, 255, 0.8));
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul {
  margin: 0;
  list-style-type: none;
  padding: 1rem 0;
  position: relative;
  z-index: 1;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li {
  display: flex;
  flex-direction: column;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li a, #NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li span {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
  padding: 0.3rem 1rem;
  flex: 1;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li a:not(span):hover, #NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li span:not(span):hover {
  color: #f7b538;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li > ul {
  margin-top: 0.5rem;
  margin-left: 1rem;
  padding: 0;
  border-left: 2px solid #6F1517;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li > ul li {
  display: flex;
  flex-direction: column;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
  padding: 0.3rem 1rem;
  flex: 1;
  position: relative;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a:not(span):hover {
  color: #f7b538;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu ul li > ul li a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1rem;
  border: 2px solid #6F1517;
  overflow: hidden;
  top: calc(50% + 1px);
  transform: translate(-50%, -50%);
  left: -1px;
  background: #FFFFFF;
  z-index: 1;
}
#NavBar.LtrDir > .MobileNav > section.Menu #MobileMenu > img {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
#NavBar.LtrDir > .MobileNav > section.Menu button {
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Access {
  padding: 0;
  font-size: 1.7rem;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan {
  position: relative;
  margin-left: 1rem;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan {
  position: absolute !important;
  top: 90% !important;
  left: -37% !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul {
  position: relative;
  padding: 1rem 2rem !important;
  margin-top: 1rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .MobileNav > section.Menu button.Lan + .NavbarLan > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .MobileNav > section.Logo svg {
  width: 50px;
}
#NavBar.LtrDir > .MobileNav > section.Option button {
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 1.2rem;
  padding: 0.5rem;
}
#NavBar.LtrDir > .MobileNav > section.Option button.Search.active + #SearchMob {
  visibility: visible;
  opacity: 1;
}
#NavBar.LtrDir > .MobileNav > section.Option #SearchMob {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  border: 0;
  background: #FFFFFF;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
  z-index: 1;
}
#NavBar.LtrDir > .MobileNav > section.Option #SearchMob > input {
  border: none;
  padding: 0.3rem 0.5rem 0.5rem 2.5rem;
  width: 100%;
  outline: none;
}
#NavBar.LtrDir > .MobileNav > section.Option #SearchMob > input::placeholder {
  font-size: 80%;
  color: #707070;
}
#NavBar.LtrDir > .MobileNav > section.Option #SearchMob > i {
  color: #6F1517;
  position: absolute;
  top: 22px;
  right: 15px;
  cursor: pointer;
}
#NavBar.LtrDir > .MobileNav > section.Option #SearchMob > button {
  color: #707070;
  position: absolute;
  top: 21px;
  left: 10px;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  margin: 0 auto !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  padding: 0 !important;
  top: 90% !important;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif {
  background-color: #FFFFFF;
  position: relative;
  margin-top: 1rem !important;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 400px;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > header {
  color: #FFFFFF;
  background-color: #6F1517;
  border-radius: 1rem 1rem 0 0;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > header > span {
  font-size: 85%;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > ul {
  flex: 1;
  overflow: auto;
  margin: 0;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li {
  padding: 0.7rem;
  border-bottom: 2px dashed #6F1517;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a {
  text-decoration: none;
  transition: 0.2s;
  color: #000000;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a > span {
  font-size: 80%;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > footer {
  border-top: 2px solid #6F1517;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a {
  text-decoration: none;
  transition: 0.2s;
  background-color: #6F1517;
  color: #FFFFFF;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a > span {
  font-size: 85%;
}
#NavBar.LtrDir > .MobileNav > section.Option #NavbarNotif > .notif > footer a:hover {
  background-color: #f7b538;
  color: #6F1517;
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin {
  position: absolute !important;
  top: 90% !important;
  right: 0 !important;
  background: none !important;
  border: none !important;
  transform: none !important;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin > ul {
  position: relative;
  padding: 0.7rem !important;
  margin-top: 1rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .MobileNav > section.Option .Navbarlogin > ul > li > a:hover {
  color: #f7b538;
}

/*# sourceMappingURL=navbar.css.map */




.custom-top-arrow::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
}
.custom-top-arrow::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: -9px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.custom-top-arrow {
  position: relative;
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* RtlDir */

#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile {
  position: absolute;
  top: 90%;
  left: 5%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li.Profile {
  position: relative;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul {
  /* position: relative; */
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: 15px;
  background-color: #FFFFFF;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a > span {
  font-size: 90%;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.RtlDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarProfile {
  visibility: visible;
  opacity: 1;
  top: 90%;
}

/* LtrDir */

#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile {
  position: absolute;
  top: 90%;
  right: 5%;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li.Profile {
  position: relative;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul {
  /* position: relative; */
  padding: 1rem !important;
  margin-top: 1.5rem !important;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: 15px;
  background-color: #FFFFFF;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
  top: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a {
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  transition: 0.2s;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a > span {
  font-size: 90%;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li > .NavbarProfile > ul > li > a:hover {
  color: #f7b538;
}
#NavBar.LtrDir > .DesktopNav > section > div > ul.NavbarOption > li:hover > .NavbarProfile {
  visibility: visible;
  opacity: 1;
  top: 90%;
}