@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


[class*="col-"] {
  padding: 1rem;
}

/*--- Bootstrap Mobile Gutter Fix --*/
.row, .container-fluid {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

body{
    overflow-x:  hidden ;
    font-family: 'Lato', sans-serif;
    padding-bottom: 150px; 
     
  }

.navbar{
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    letter-spacing: .1rem;
    background: #a9cbcc!important; 
}
 

.navbar-right{
  float: right;
}

.carousel-inner img {
  width: 100%;
  height:100%;
 
}
.carousel-control-prev-icon{
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

}
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Gutter' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

 

.carousel-caption h1 {
  font-family:    Garamond;
  font-size:      3em;
  color:          red !important;
  }
  /* Description text */
  .carousel-caption p {
  font-family:    Garamond;
  font-size:      2em;
  color:          blue !important;
  }
  /* Button text */
  .carousel-caption .btn {
  font-family:    Garamond;
  font-size:      1em;
  color:          yellow;
  }

  .carousel-indicators li {
    background-color: #999;
    background-color: rgba(70, 70, 70, 0.25);
  }
  
  .carousel-indicators .active {
    background-color: #176f72;
  }


  .topnav-right {
    float: right;
  }

  .col-text-center
  {
    margin: auto; 
    
    padding: 10px;
  }

  .card{
    color: black;
  }

  .card-group{
    
    display: flex;

  }

  .navtop{
    padding-top: 50px;
  }

  .nav-tab-border{
    border-bottom:dashed 1px #176f72;
  }

  
  .btn {
    padding: 5px 10px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: rgb(19, 17, 17);
    background-color: #a9cbcc;
    border: none;
    border-radius: 10pxpx;
  
  }

  .btn:hover {background-color: #5fb0b3}

  .buttonEfect {
    padding: 5px 10px;
    font-size: 2em;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: rgb(19, 17, 17);
    background-color: #a9cbcc;
    border: none;
    border-radius: 10px;
  
  }
  
  .buttonEfect:hover {background-color: #5fb0b3}
  
  .buttonEfect:active {
    background-color: #1f6f72;
    box-shadow: 0 5px rgb(184, 181, 181);
    transform: translateY(1px);
  }

  .nav-link{
    color: black;

  }

 .nav-sub-menu:hover {
    background-color: #a9cbcc;  
    color: black ;
  }

  .nav-sub-menu:active {
    background-color: #a9cbcc;
    color: black ;
  }

 .active-sub-menu {
    background-color: #a9cbcc;
  }


  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:#a9cbcc;
    color: white;
    text-align: center;
 }

 .nav-background{
   background-color: #85bbbd;
   border-radius: 10px;
 }

 .btn-height {
   height: 55px;
}

.card-header{
  background-color:#a9cbcc;
}
  

@media screen {
  #printSection {
      display: none;
  }
}
@media print {
  body * {
      visibility:hidden;
  }
  #printSection, #printSection * {
      visibility:visible;
  }
  #printSection {
      position:absolute;
      left:0;
      top:0;
  }
}