.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}



:root {
  --bg2nd: #272b30;
  --bg2nd_Hover: #222529;
  --bg1st: #ff000f;
  --bg1st_Hover: #ff000f;
  --mainBg: #eeeff0;
}
/* Footer */
.footer-desc {
  color: #b9b9b9;
  text-align: center;
}
.social-icons > ul {
  list-style: none;
}
.social-icons > ul > li:hover {
  background: #fff;
  border-radius: 5px;
}
.social-icons > ul > li {
  padding: 5px 10px;
}
.bi-instagram {
  color: #ff7b7b !important;
  font-size: 1.3rem;
}

.bi-facebook {
  color: #5e84ff;
  font-size: 1.3rem;
}
.bi-linkedin {
  color: #5e84ff;
  font-size: 1.3rem;
}

.footer-widget__title {
  color: #fff;
  margin-bottom: 20px;
  font-size: 0.875rem;
}
.footerItemList > li {
  padding: 5px 0px;
}
.footerItemList {
  color: #b9b9b9;
  list-style: none;
  padding: 0;
}
.footerItemList > li > a {
  color: #b9b9b9;
  padding: 0;
  text-decoration: none;
}

.footerItemList li i {
  color: #4572f5;
  font-size: 1rem;
}

.brandList > li > a {
  color: #dcdcdc;
  text-decoration: none;
}
.brandList > li {
  color: #b9b9b9;
  padding: 0px 5px;
}

.brandList li::before {
  content: "|";
  padding-right: 10px;
}
.brandList li:nth-child(1)::before {
  content: "";
  padding-right: 10px;
}

.footerWorking {
  color: #b9b9b9;
}

.footerBottomList > li > a {
  color: #b9b9b9;
  text-decoration: none;
}
.footerBottomList > li > a {
  color: #b9b9b9;
  text-decoration: none;
  padding: 0px 5px;
  font-size: 0.875em;
}
.footerText {
  color: #b9b9b9;
}

.footerBg {
  background: #272b30;
}
.backBg {
  background: #eeeff0;
}

.footer-widget__title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* Footer END */

/* Navbar */

.navLinkDesign > li > a {
  letter-spacing: 0.8px !important;
  font-size: 0.9rem !important;
}

.nav-link {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  transition: all 0.3s ease;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--bg1st);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}

.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.searchBtn {
  background: var(--bg2nd) !important;
}
.searchBtn > i {
  color: white !important;
}
.inqutyBtn {
  background: var(--bg2nd);
  color: white;
}
.inqutyBtn:hover {
  background: var(--bg2nd_Hover);
  color: white;
}
.searchDesk {
  width: 10rem !important;
  background: #f5f5f5;
}

.breadcrumb-item > a{
  text-decoration: none!important;
  color: #545454;
  font-weight: 500;
}


.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.breadcrumb-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-item a, .breadcrumb-item small {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  /* remove the gap so it doesn't close */
}
/* Navbar END */