/* Fonts */
  @font-face {
    font-family: 'latoFont';
    font-style: normal;
    font-weight: normal;
    src: url('../font/lato/Lato-Bold.woff');
  }
  body {
    font-family: 'latoFont', sans-serif;
  }
  .banner-image {
    width: 100%;
    height: 400px;

  }
  a{
    text-decoration: none;
  }
  
.highlight-product .highlight-product-img{
  width: 90px;
  height: 90px;
  
}
 .swiper-button-next::after
{
  color: white;
  font-size: 20px ;
  background-color: black;
  opacity: 0.6;
  padding:10px 20px ; 
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.swiper-button-prev::after
{
  color: white;
  font-size: 20px ;
  background-color: black;
  opacity: 0.6;
  padding:10px 20px ; 
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}


.swiper .card-img-top
{
  height: 210px;
}
  /* about us page  */
  .ellipse-button:hover {
    background: #363ec9;
    background: linear-gradient(90deg, rgba(54, 62, 201, 1) 0%, rgba(180, 157, 242, 1) 50%, rgba(217, 171, 219, 1) 100%);
  }
  .about-us-banner
  {
    background: #b7c2f7;
    background: linear-gradient(90deg, rgba(183, 194, 247, 1) 0%, rgba(180, 157, 242, 1) 50%, rgba(202, 102, 209, 1) 100%);
  }
  .about-us-nav{
    background-color: rgb(3, 8, 114);
  }
  .about-us-nav button{
    color: white;

  }
  .about-us-nav button:hover{
    background: #363ec9;
    background: linear-gradient(90deg, rgba(54, 62, 201, 1) 0%, rgba(180, 157, 242, 1) 50%, rgba(217, 171, 219, 1) 100%);
  }
  .about-us-title{
    border-bottom: 4px solid;
    border-image: linear-gradient(to right,  rgba(183, 194, 247, 1) 0%, rgba(180, 157, 242, 1) 50%, rgba(202, 102, 209, 1));
    border-image-slice: 1;
  }
  .future-plan{
    background: #363ec9;
    background: linear-gradient(90deg, rgb(124, 129, 222) 0%, rgb(166, 140, 237) 50%, rgb(220, 193, 221) 100%);
  }
  .brands-product .card{
    height: 270px;
  }
  .brands-product  .thumb-img {
    width: 50px;
    height: 50px;
    cursor: pointer;

  }