:root {
    --primary: #06A3DA;
    --secondary: #34AD54;
    --light: #EEF9FF;
    --dark: #091E3E;


  --navy: #071233;
  --navy-deep: #050d1f;
  --white: #ffffff;


  --ais-bg-card-hover: #f8fafc;

  --text-primary: #071233;
  --text-secondary: #475569;
  --text-muted: #64748b;

  --ais-text: var(--text-primary);
  --ais-text-muted: var(--text-secondary);
  --ais-accent: var(--blue);
  --ais-accent-2: var(--blue-light);
  --ais-border: rgba(6, 163, 218, 0.15);

  --font-main: "Segoe UI", system-ui, sans-serif;
}



/* ======================== TOPBAR ======================== */

/* Topbar */

.addressbar {
    z-index: 9999;
    position: absolute;
    top: 0;

    background: transparent;
}

/* End of Topbar */

/* ======================== NAVBAR ======================== */

/* Navbar */

.navbar-dark .navbar-nav .nav-link {
    font-family: "Nunito", sans-serif;
    position: relative;
    margin-left: 25px;
    padding: 35px 0;
    color:  var(--white);
    font-size: 18px;
    font-weight: 600;
    outline: none;
    transition: .5s;
}

.comp-name-nav{
    font-size: 22px;
}

.solution-nav{
    color: var(--ais-accent);
    font-weight: bold;
}
.logo_heading{
    text-align: center;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--dark);
}

.navbar-dark .navbar-brand h1 {
    color: var(--white);
}

.navbar-dark .navbar-toggler {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

@media (max-width: 991px) {
  /* Navbar */
  .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        color: white;
    }

  /* Navbar */
  .navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}

@media (min-width: 992px) {
  .navbar-dark {
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          border-bottom: 1px solid rgba(256, 256, 256, .1);
          z-index: 999;
      }
  .navbar-dark .navbar-nav .nav-link::before {
          position: absolute;
          content: "";
          width: 0;
          height: 2px;
          bottom: -1px;
          left: 50%;
          background: var(--primary);
          transition: .5s;
      }
  .sticky-top.navbar-dark .navbar-brand h1 {
          color: var(--primary);
      }
}

a.nav-item.nav-link {
color:black;
}

.dropdown-menu {
            background-color:#091e3e;
        }

.dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1rem;
            clear: both;
            font-weight: 400;
            color: #fff;
            text-align: inherit;
            white-space: nowrap;
            background-color: #091e3e;
            border: 0;
        }

.dropdown-item:hover {

    color:#06a3da;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-weight: 450;
}

.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}

.dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.carousel-item {
  position: relative;
}

@media (max-width: 1000px) {
  .navbar {
          position: absolute;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          z-index: 999;
          padding-top: .5rem;
          padding-bottom: .5rem;
          width: 100%;
      }
  .navbar-dark .navbar-toggler {
             padding: .45rem 0.65rem;
              font-size: 1.2rem;
              line-height: 1;
              background-color: #06a3da;
              border: 2px solid #06a3da;
              border-radius: 7px;
              transition: box-shadow 0.15s ease-in-out;
              color: black !important;
          }
  .navbar-nav {
              text-align: center;
      background: rgb(3 19 36 / 41%);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 10px;
      padding: 10px;
      }
  .navbar-toggler:hover {
           border: 3px solid #00000000;}
  .navbar-dark .navbar-nav .nav-link {
      margin-left:0;
   }
}

@media screen and (max-width: 768px) {
  /* Navbar */
  .navbar {
            position: absolute;
            }
}

/* End of Navbar */


/* ======================== FOOTER ======================== */

/* Footer */

footer {
    background: var(--navy);

}

.btn-square {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
}

.btn-square i {
    font-size: 18px;
    line-height: 1;
}
.bottom-AIS{
    color: var(--white);
}
.bottom-AIS:hover{
    color: var(--ais-accent);
    transition: ease-in-out 0.3s;
}

.link-animated a {
    transition: .5s;
}

.link-animated a:hover {
    padding-left: 10px;
}

@media (min-width: 1023px) and (max-width: 1300px) {
  #companyinfo {
      font-size:0.9rem;
  }
}

@media (max-width: 500px){
    .px-5{
        padding-right: 1rem !important;
    padding-left: 1rem !important;
    }
}

/* End of Footer */