/*Write your Own Css Here*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	/* background-color:#25d366; */
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.product-thum{
    /* height: 150px;
    width: 220px; */
    aspect-ratio: 3/2;
    object-fit: contain;
    margin-bottom: 20px;
}
.product-thum1{
    aspect-ratio: 2/2;
    object-fit: contain;
    margin-bottom: 20px;
}
.truncate {
    white-space: nowrap;        /* Prevent text from wrapping */
    overflow: hidden;           /* Hide any content that overflows the container */
    text-overflow: ellipsis;    /* Display an ellipsis (...) for truncated text */
    max-width: 300px;           /* Set a maximum width for the container */
}
.navbar .navbar-brand img{
  height: 92px !important;
}

@media only screen and (max-width: 767px){
  .navbar .navbar-brand img {
    height: 60px !important;
  }
}

.footer-logo img{
  height: 100px !important;
  display: block;
  background: #fff;
}

.text-color-while{
  color: var(--clr-white);
}
.text-color-black{
  color: var(--clr-heading);
}