body {
    padding-top: 5rem;
    background-color: #f6f9fc;
  }
  .sticky-offset {
    top: 5rem;
}
  .starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
  }
  .navbar{
    /* background-color: #c96e47; */
    /* height: 100px; */
    background-color: #ffffff;
    border-bottom: 1px solid #c96e47;
  }
  .navbar-brand,  .nav-link{
    color: #c96e47;
  }
  .navbar a:hover{
    color: #f86b2e;
  }
  .navbar-toggler{
    border-color: #e3f2fd;
    color: black;

  }
  .custom-toggler.navbar-toggler {
    border-color: rgba(201, 110, 71,.7);
    border-width: 2px;
  } 
  .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(201,110,71,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }






  .mainView{
    height: 500px;
    width: 80%;
    
  }
 
 .mainView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
  .carousel-caption {
    background: rgba(0, 0, 0, 0.55);
  }
  #Home .carousel-caption {
    right: 50px;
    left:auto;
    width: 350px; 
  }
.sublist{
  min-height: 100%;
}
  .carousel-item img {
    object-fit: contain;
}
.carousel-control-next, .carousel-control-prev{
  background-color: rgba(201, 110, 71, .2);
}