body {
  background: whitesmoke;
  font-family: 'Monda', sans-serif;
}

a{
  text-decoration: none!important;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #183D3D #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 2px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #183D3D;
  border-radius: 0px;
  border: 1px none #ffffff;
}

.team-card.text-center__thumb img {
  height: 145px!important;
}
.bg-nxi,.bg-nxi:hover {
  background: #040D12;
}

.bg-nxi-accent1 {
  background: #183D3D;color:#fff!important;
}
.text-nxi {
  color: #040D12;
}

.text-nxi-accent {
  color: #183D3D;
}

.bg-nxi-gradient {
  background: #040D12;
  background: -moz-linear-gradient(90deg, #040D12 0%, #040D12 35%, #040D12 100%);
  background: -webkit-linear-gradient(90deg, #040D12 0%, #040D12 35%, #040D12 100%);
  background: linear-gradient(90deg, #040D12 0%, #040D12 35%, #040D12 100%);
}

.bg-nxi-accent,.bg-nxi-accent:hover {
  background: #183D3D!important;
  color:#fff!important;
}

li.nav-item:hover{
  background: #183D3Dad;
} 

.nav-item.active {
  background: #183D3D;
  color: #fff !important;
}

.nav-item{
  min-width: 100px;
  text-align: center;
  
} 

.nav-item.active .nav-link {
  color: #fff !important;
}
/* Default height for small devices */
#intro {
  height: 900px;
  /* Margin to fix overlapping fixed navbar */
}
@media (max-width: 991px) {
  #intro {
              /* Margin to fix overlapping fixed navbar 
              margin-top: 45px;*/
            }
          }


      /*form {
        border-radius: 20px ;
        padding: 3rem !important;
        padding-inline-start: var(--chakra-space-8);
        padding-inline-end: var(--chakra-space-8);
        position: relative;
      }

      .form-control:focus {
        border-color: rgb(233, 194, 73);
        box-shadow: rgb(233 194 73) 0px 0px 0px 1px;
      }

      .form-control {
        outline: transparent solid 2px;
        outline-offset: 2px;
        position: relative;
        padding-bottom: 1px;
        padding-inline-start: 1rem;
        padding-inline-end: 2rem;
        height: 2em;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: transparent;
        background: rgb(247, 247, 247);
      }
      */
        }

        body {
          background-color: #fbfbfb;
        }

        @media (min-width: 991.98px) {
          main {
          }
        }

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 240px;
  z-index: 600;
}

@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
  }
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}


/* Carousel styling */
#introCarousel,
.carousel-inner,
.carousel-item,
.carousel-item.active {
  height: 100vh;
}

.carousel-item:nth-child(1) {

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(2) {

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(3) {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  #introCarousel {
    margin-top: 69px;
  }
}



canvas.particles-js-canvas-el {
  position: absolute !important;
  height: 100%;
  z-index: 100;
  top: 0px;
  pointer-events: none;
}

@media (max-width: 991px) {
  img.sign {
    height: 200px;
    width: 200px;
  }

  .breadcrumb-item {
    font-size: 14px;
  }

}

@media (max-width: 576px) {
  img.sign {
    height: 100px!important;
    width: 100px!important;
  }
}

button.close {
 position: absolute !important;
 right: 25px !important;
 font-size: 35px !important;
 font-weight: 300 !important;
 top: 12px !important;
}

div.rounded-circle.img-fluid {
  max-width: 100px;
  max-height: 100px;
  background: #183D3D;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  padding: 25px;
}