.mobile-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.moblie_hambarger_button{
  font-size: 1.5rem;
  padding:0px 10px;
}
.navbar-brand img {
  width: 80px;
}
#mobileMenuAccordion {
  border: none;
}
.offcanvas {
  background-color: var(--primary-foreground);
  color: white;
}
.accordion-item {
  border: none !important;
  background-color: transparent !important;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button:not(.collapsed) {
  color: white;
  background-color: var(--primary-foreground) !important;
  box-shadow: none !important;
}
.accordion-button .collapsed,
.accordion-button {
  color: white;
  background-color: var(--primary-foreground) !important;
  box-shadow: none !important;
}
.accordion-button {
  padding: calc(var(--padding) / 2) 0px;
}
.accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.accordion-item:focus-visible {
  outline: none;
}
.moblie__nav__link {
  font-weight: 600;
  display: block;
  padding-block: 10px;
  color: white;
}
.accordion-body {
  padding: 0px calc(var(--padding) / 2);
  background-color: var(--primary-foreground);
}
.offcanvas-body {
  position: relative;
}
.mobile__manu__footer {
  /* position: fixed;
  bottom: 3px; */
  /* background-color: rgb(229, 225, 225); */
  width: 100%;
  display: flex;
  border-top: 1px solid white;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding);
}
.mobile__manu__footer a img {
  width: 4rem;
}
.mobile__manu__footer a i {
  font-size: 1.5rem;
  color: white;
}
/* top */
.hamberger_icon_with_link {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
.mobile_icon_container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.mobile_icon_container span i {
  font-size: 22px;
  color: #3a4052;
}
.mobile_icon_container img {
  background-color: #3a4052;
  padding: 5px;
  width: 64px;
}
.mobile_btm_section span {
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 15px 0;
  margin: 20px 0px;
}

.mobile_btm_section span i {
  font-size: 2rem;
  color: white;
}

.mobile_btm_section span img {
  width: 50%;
}