@import 'bootstrap/scss/_functions';
@import 'bootstrap/scss/_variables';
@import 'bootstrap/scss/mixins/_breakpoints';

.btn-detail{
  border: 0;
}



   .carousel-card {
    width: 35% !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  }
  

 
   
.carousel{
  width: 100%;
}

  
  
  .carousel-item img {
   height: 80vh;
    width:100% !important
    
  }

  @media only screen and (max-width: 768px) {

    .product img{
      height: 50% !important
    }

   .desc img{
    width: 50% !important;
  
   }

 
      .features svg{
        width: 100%
      }

    .carousel-item img {
    height: 400px;
    width:50%;
    }
    .carousel-card {
    width: 40% !important;
   

  }
  .card-title, .btn-detail{
    font-size: medium;
  }

  .sidetext div{
   padding-top: 0;
  }
  
 
  
}



 body{
         width: 100%;
         margin: 0 auto;
   }
   


.carousel-caption {
    background: rgba(0, 0, 0, 0.35);
}

.navbar{
  height: 30%;
}
.nav.navbar-nav.navbar-right li a {
    color: green;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

 .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(189, 33, 48, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.phone{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.nav-item a {
    position: relative;
}
.nav-item a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    border-bottom: 4px solid #bd2130;
    transition: 0.4s;
    opacity: 100%;
}

.nav-item a:hover:after {
    width: 100%;
}
.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sidetext{
  padding-top: 5%;
}

.features svg{
  margin-bottom: 5%;;
 
}
.nuance .description{
  font-size: 1.3rem;

}

.nuance-title{
  display: inline-block;
 
}
.phone{
  a {
    color: #212529;
    text-decoration: none;
}

a:hover {
    color:#212529 !important;
    text-decoration: none; 
    cursor:pointer;  
}

.about img{
    width: 200px;


}
}