/*
Theme Name: TahilaWater
Author: Cinema IT
Description: Water brand theme.
Version: 1.0
Tags: water
*/

body {
    font-family: Araboto, sans-serif;
  }
  h1 {
    font-weight: bold;
  }
  h2 {
    font-weight: bold;
  }
  
  
.logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  max-width: none;
  height: auto;
}

.logo img {
  width: 200px !important;
  height: auto !important;
}



.navbar-brand {
  display: none;
}
.navbar-toggler {
  float: right;
  z-index: 1;
}
.navbar-nav {
  text-align: center;
  justify-content: center;
  align-items: center; /* this aligns the elements vertically */
  flex: 1 1 auto; /* this means the navbar-nav takes up the remaining space and can grow or shrink */
}
.nav-item:nth-child(1),
.nav-item:nth-child(2),
.nav-item:nth-child(3) {
  order: 1;
  margin-right: auto; /* this pushes the links to the left edge of the screen */
}
.nav-item:nth-child(4),
.nav-item:nth-child(5),
.nav-item:nth-child(6) {
  order: 2;
  margin-left: auto; /* this pushes the links to the right edge of the screen */
}
  
  
  .card {
    border-radius: 10px;
  }
  .card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .card-body {
    text-align: left;
    vertical-align: middle;
  }


  .card-background {
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 10px;
  }



  .btn {
    background-color: #0a2651;
    color: white;
  }
  .footer-link {
    color: white;
  }
  @media (min-width: 992px) {
    .navbar-brand {
      display: block;
    }
    .navbar-toggler {
      display: none;
    }
    .navbar-nav {
      float: right;
      text-align: right;
    }


  }

  @media (max-width: 991px) {
    .desktop {
      display: none;
    }
  }
  .row-1 {
    background-color: white;
  }
  .row-2 {
    background-color: white;
  }
  .row-3 {
    background-color: #365b9d;
  }
  .row-4 {
    background-color: white;
  }
  .row-5 {
    background-color: white;
  }
  .row-6 {
    background-color: #365b9d;
    color: white;
  }
  .bar-1 {
    background-color: #0a2651;
    color: white;
  }
  .bar-2 {
    background-color: #365b9d;
  }
  .text-overlay {
    position:absolute; 
    top:50%; 
    left:0; 
    margin-top: -100px; 
    color:#0a2651;
  }
  .input-box {
    width:100%; 
    border: 1px solid white; 
    padding: 5px;
  background-color: #365b9d;
  color: white;
  }
  
.nav-link {
  color: #0a2651; /* this makes the links blue */
  font-weight: bold; /* this makes the links bold */
}
  
.nav-link:link {
  color: #0a2651; /* this makes the links blue when they are not hovered over or clicked */
  font-weight: bold; /* this makes the links bold */
}
.nav-link:hover {
  color: #0a2651; /* this makes the links blue when they are hovered over */
}
.nav-link:active {
  color: #0a2651; /* this makes the links blue when they are clicked */
}
.nav-link:visited {
  color: #0a2651; /* this makes the links blue when they are visited */
}

h4 {
  font-weight: 600;
}