/* Transparent navbar style */
a {
  text-decoration: none !important;
  color: #fff;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;

}

.main-navigation,
.main-navigation .menu-main-menu-container,
.main-navigation .menu-main-menu-container #primary-menu {
  height: 100%;
}

.main-navigation li {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}


.header-nav .menu li.current-menu-item a,
.header-nav .menu li.mega_menu:hover a , 	.menu-responsive .menu-item-has-children span.plusMin{
  color: #ffcc00 !important;
  cursor: pointer;
}

.header-nav .menu li.current-menu-item.services-category a::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.023 1.14804L7.39798 6.77304C7.34574 6.82534 7.2837 6.86683 7.21541 6.89513C7.14713 6.92344 7.07393 6.93801 7.00001 6.93801C6.92609 6.93801 6.85289 6.92344 6.7846 6.89513C6.71632 6.86683 6.65428 6.82534 6.60204 6.77304L0.977039 1.14804C0.871491 1.04249 0.812195 0.899336 0.812195 0.750069C0.812195 0.600801 0.871491 0.457648 0.977039 0.3521C1.08259 0.246552 1.22574 0.187256 1.37501 0.187256C1.52427 0.187256 1.66743 0.246552 1.77298 0.3521L7.00001 5.57983L12.227 0.3521C12.2793 0.299838 12.3413 0.258381 12.4096 0.230097C12.4779 0.201813 12.5511 0.187256 12.625 0.187256C12.6989 0.187256 12.7721 0.201813 12.8404 0.230097C12.9087 0.258381 12.9707 0.299838 13.023 0.3521C13.0752 0.404362 13.1167 0.466406 13.145 0.534689C13.1733 0.602973 13.1878 0.676159 13.1878 0.750069C13.1878 0.823978 13.1733 0.897164 13.145 0.965448C13.1167 1.03373 13.0752 1.09578 13.023 1.14804Z' fill='%23ffcc00'/%3E%3C/svg%3E%0A");
}

.header-nav .menu li.current-menu-item.services-category a.sub-menu-items::after {
  content: '';
}

.header-nav .menu li.current-menu-item a.sub-menu-items,
.header-nav .menu li.mega_menu:hover a.sub-menu-items {
  color: #fff !important;
}


.header-nav .menu li.current-menu-item a.sub-menu-items:hover,
.header-nav .menu li.mega_menu a.sub-menu-items:hover {
  color: #ffcc00 !important;
}

#backToTopBtn#backToTopBtn {
  padding: 0;
  z-index: 99999;
}

.navbar {
  background-color: transparent;
  transition: background-color 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999 !important;
}

/* Flex navbar style */
.navbar {
  display: flex;
  align-items: center;
  height: 6.8rem;
  max-height: 6.8rem;
  width: 100%;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;

  margin: 0 auto;
}

/* Navbar content box style */
.navbar .container-fluid {
  display: flex;
  max-width: 116.6rem;
  margin: 0 auto;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  width: 100%;
  min-width: max-content;
}

/* Scrolled navbar style */
.navbar-scrolled {
  background: #14131e !important;
}

/* Navbar brand logo style */
.navbar-brand img {
  height: 3.8rem;
  max-width: 15rem;
  width: auto;
  object-fit: contain!important;
}

/* Navbar menu style */

.navbar #site-navigation .menu {
  display: flex;
  width: max-content;
  justify-content: center;
  gap: 2.4rem;
  margin: 0 auto;
}

.navbar-nav {
  margin: auto;
  display: flex;
}

.nav-link,
.header-nav .menu li a {
  color: #fff !important;
  text-transform: capitalize;
  transition: color 0.5s ease;
}

.nav-link:hover {
  color: #17a2b8 !important;
}

/* Let's Talk button style */
.navbar-nav>li:last-child .btn {
  margin-left: 1rem;
}

/* Search form style */

.header-nav .btn-outline-primary {
  padding: 1rem 2.4rem !important;
  transition: border-color 0.5s ease, color 0.5s ease;
}

.btn-outline-primary:hover {
  border-color: #17a2b8;
  color: #17a2b8;
}

/* search icon and search box  of nav bar*/
.search-box {
  font-size: 1.5rem;
  border: solid .25rem #ffff;
  display: inline-block;
  position: relative;
  border-radius: 2.5em;
  scale: 0.8;
}

.search-box input[type='search'] {
  color: #ffffff !important;
  font-weight: normal;
  width: 2.5em;
  height: 2.5em;
  padding: 0.3em 2.1em 0.3em 0.4em;
  background: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 2.5em;
  transition: width 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 150ms;
}

.search-box input[type='search']:focus {
  outline: none;
}

.search-box input[type='search']:focus,
.search-box input[type='search']:not(:placeholder-shown) {
  width: 22.5em;
  font-size: 1.8rem;
  transition: width 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  padding-left: 1em;
}

.search-box input[type='search']:focus+button[type='submit'],
.search-box input[type='search']:not(:placeholder-shown)+button[type='submit'] {
  transform: rotate(-45deg) translateY(0);
  transition: transform 150ms ease-out 800ms;
}

.search-box input[type='search']:focus+button[type='submit']:after,
.search-box input[type='search']:not(:placeholder-shown)+button[type='submit']:after {
  opacity: 1;
  transition: top 150ms ease-out 950ms, right 150ms ease-out 950ms,
    opacity 150ms ease 950ms;
}

.search-box input[type='search']:focus+button[type='submit'] {
  top: 0.55em;
}


.search-box button[type='submit'] {
  background-color: transparent;
  width: 1.4em;
  height: 1.4em;
  border: 0;
  padding: 0;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.25em;
  right: 0.55em;
  transform: rotate(-45deg) translateY(2.2em);
  transition: transform 150ms ease-out 150ms;
}

.search-box button[type='submit']:before,
.search-box button[type='submit']:after {
  content: '';
  background-color: #ffffff;
  width: 0.15em;
  height: 1.4em;
  position: absolute;
}

.search-box button[type='submit']:after {
  transform: rotate(90deg);
  opacity: 0;
  transition: transform 150ms ease-out, opacity 150ms ease-out;
}

.homepage-solutions-container--item img {
  width: 5rem;
}

.blogs-grid-container--item img {
  background: #fff;
  object-fit: cover;
  object-position: left;
  width: 100%;
  max-height: 21rem;
  max-width: 100%;
  min-height: 21rem;
  width: 100%;
}

.blogs-grid-container--item {
  position: relative;
}

.text-primary a {
  color: inherit !important;
}

.blog-blogs-body.blog-blogs-body {
  display: grid;
  padding: 2.4rem 1.6rem;
  height: -webkit-fill-available;
  gap: 2.4rem;
}

.nav-previous {
  text-align: center;
}