body{

        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

        background-color: #f7f7f7;

    }

    /* navbar */

    /* Navbar */

.navbar {

  background-color: #fff;

  padding: 10px 30px;

  position: sticky;

  top: 0;

  z-index: 1000;

}



.navbar-brand img {

  height: 55px;

  width: auto;

}



.navbar-nav .nav-link {

  color: #000;

  margin: 0 15px;

  transition: color 0.3s ease, transform 0.2s ease;

}



.navbar-nav .nav-link:hover {

  color: #dc3545;

  transform: translateY(-2px);

}



.icon-group i {

  font-size: 20px;

  margin: 0 10px;

  cursor: pointer;

  transition: color 0.3s ease;

}



.icon-group i:hover {

  color: #dc3545;

}







.sticky-top {

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



    /* navbar */

   

.category-img img{
  width: 70%;
  height: 70%;
  border-radius: 10%;
  cursor: pointer;
  transition: 1s;
 
}
.category-img img:hover{
  transform: scale(1.1);
}



.btn-gradient {

  background: linear-gradient(135deg, #0d6efd, #6610f2);

  color: #fff;

  border: none;

  transition: 0.3s;

}







.modal-content input.form-control {

  border: 1px solid #ced4da;





}

.modal-content input.form-control:focus {

  border-color: #6610f2;

  box-shadow: 0 0 5px rgba(102, 16, 242, 0.4);

}











/* Tabs */

.nav-pills .nav-link.active {

  background: linear-gradient(135deg, #0d6efd, #6610f2);

  color: #fff !important;

  border-radius: 50px;

  transition: 0.3s;

}





    /* collection */



.shop {

  overflow: hidden;

  border-radius: 10px;

  position: relative;
  cursor: pointer;
  transition:transform 0.2s ;

  /* transition: transform 0.4s ease-in-out; */

}



.shop img {

  width: 100%;

  height: 300px;

  border-radius: 10px;
   transition:transform 0.2s ;
  /* transition: transform 0.6s ease-in-out; */

 

}





.shop:hover img {

transform: translateY(-5px);


}





.shop h6 {

  transition: color 0.3s ease;

}



.shop:hover h6 {

  color: #dc3545;

}





    /* collection */

    

    /* gallary */

    .gallary{

  width: 100%;

  height:500px;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  animation: w 20s linear infinite;

 background-size: 1000px 500px;

 background-repeat: no-repeat;   

    }

    @keyframes w{

      0%,100%{

        background-image: url("image/tilak.jpg");

       

      }

      20%{

        background-image: url("image/salt.jpg");

      }

      40%{

        background-image: url("image/surya.jpg");

      }

      60%{

        background-image: url("image/decock.jpg");

      }

      80%{

        background-image: url("image/pooran.jpg");

      }

    }

   



    

    /* gallary */



    /* best seller product */

    

.product-card {

  border: none;

  transition: transform 0.3s ease-in-out;

  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}

.product-card:hover {

  transform: translateY(-15px);

  

}





.product-card img {

  height: 300px;

  object-fit: contain;

  background-color: #fff;

  padding: 10px;

}

.favorite-icon, .share-icon {

  position: absolute;

  font-size: 20px;

  color: #000;

  cursor: pointer;

}

.favorite-icon:hover{

  color:red;

}

.favorite-icon {

  top: 10px;

  right: 10px;

}

.share-icon {

  bottom: 10px;

  right: 10px;

}





.product-title {

  font-size: 14px;

  font-weight: 500;

  margin: 10px 0;

  text-decoration: none;

}





.price {

  font-size: 16px;

  font-weight: bold;

}







    /* best seller product */



    /* shop */

   .shop-card {

  position: relative;

  overflow: hidden;

  cursor: pointer;

  border-radius: 15px;

  transition: transform 0.4s ease, box-shadow 0.4s ease;

}



.shop-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);

}



.shop-img {

  width: 100%;

  height: 400px;

  object-fit: cover;

  transition: transform 0.6s ease;

}



.shop-card:hover .shop-img {

  transform: scale(1.15);

}





.shop-overlay {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.55);

  opacity: 0;

  transition: opacity 0.5s ease;

  text-align: center;

}



.shop-card:hover .shop-overlay {

  opacity: 1;

}





.shop-overlay h5 {

  font-size: 22px;

  letter-spacing: 1px;

  text-transform: uppercase;

 /* // animation: fadeUp 0.5s ease forwards; */

}



.shop-btn {

  background-color: #dc3545;

  color: white;

  border: none;

  padding: 8px 20px;

  border-radius: 25px;

  font-weight: 600;

  transition: all 0.3s ease;

}



.shop-btn:hover {

  background-color: white;

  color: #dc3545;

}





    

    /* shop */

  /* details */

  .details-img{

    border: 2px solid silver; display:flex;align-items:center;justify-content:center;

  }

  .details-img img{

   width: 50%;

   height: 85%;

  }

  .details p{

    color: #4ca3e6;

  }

  .details-icon i{

         font-size: 30px;

  }

   

 

  .gallary-image-sub img{

            width:100px;height:100px;box-shadow:2px 2px 10px  gray;

  }

  /* details */



  /* checkout */

  .order-box {

      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);

      border-radius: 5px;

      background: #fff;

      padding: 20px;

      margin-bottom: 20px;

    }



    .order-item {

      display: flex;

      align-items: center;

      border-top: 1px solid #eee;

      padding: 10px 0;

    }



    .order-item img {

  width: 20%;

      margin-right: 15px;

    }



    .payment-box {

      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);

      border-radius: 5px;

      background: #fff;

      padding: 20px;

    }



    .payment-desc {

      background: #f2f0f5;

      padding: 10px;

      border-radius: 5px;

      font-size: 14px;

    }

    .badge-new {

  position: absolute;

  top: 12px;

  left: 12px;

  background: linear-gradient(45deg, #dc3545, #ff4e50);

  color: white;

  padding: 5px 12px;

  border-radius: 20px;

  font-size: 13px;

  font-weight: bold;

  letter-spacing: 1px;

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);

  animation: pulse 1.5s infinite;

}

@keyframes pulse {

  0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }

  70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }

  100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }

}



    /* .btn-order {

      width: 100%;

      font-weight: bold;

    } */

  /* checkout */

  



  /* footer */

    footer {

      background-color: #fff;

      padding: 40px 0;

      border-top: 1px solid #ddd;

    }

    .footer-title {

      font-weight: 600;

      margin-bottom: 10px;

      font-size: 15px;

    }

    .footer-link {

      display: block;

      color: #000;

      text-decoration: none;

      margin-bottom: 6px;

      font-size: 14px;

    }

    .footer-link:hover {

      color: #dc3545;

    }

    .footer-logo {

      width: 120px;

    }

    .social-icons a {

      color: #000;

      font-size: 18px;

      margin-right: 10px;

    }

    .social-icons a:hover {

      color: #dc3545;

    }

    .btn-outline-dark {

      border-radius: 0;

    }

      .newsletter-input {

      border-radius: 0;

      border-right: none;

    }

    .newsletter-btn {

      border-radius: 0;

      background-color: #dc3545;

      color: white;

      border: none;

    }



   /* footer */

   



    /* cart page */

   

    .cart-item {

      border-bottom: 1px solid #ddd;

      padding: 15px 0;

    }

    .price {

      font-weight: bold;

      color: #000;

    }

    .discount {

      color: green;

      font-weight: 500;

    }

    .old-price {

      text-decoration: line-through;

      color: #999;

    }

 .btn-order {

      background-color: #ff6600;

      color: white;

      font-weight: 600;

    }

    .btn-order:hover {

      background-color: #e65c00;

      color: white;

    }

    .qty-btn {

      width: 32px;

      height: 32px;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 5px;

    }

    input.qty-input {

      width: 60px;

      text-align: center;

      border: 1px solid #ccc;

      border-radius: 5px;

      height: 32px;

    }

        /* cart page */

/* client review */

         #reviews .card {

    background: #fff;

    transition: all 0.3s ease;

  }

  #reviews .card:hover {

    transform: translateY(-5px);

    box-shadow: 0 6px 20px rgba(0,0,0,0.1);

  }

  #reviews img {

    object-fit: cover;

    border: 3px solid #0d6efd;

    padding: 2px;

  }

  #reviews .owl-dots .owl-dot span {

    background: #0d6efd !important;

  }

  /* client review */





    .contact-section {

      padding: 60px 0;

       font-family: 'Poppins', sans-serif;

      background-color: #f9fafc;

    }



    .contact-heading {

      text-align: center;

      margin-bottom: 40px;

    }



    .contact-heading h2 {

      font-weight: 700;

      color: #0d6efd;

    }



    .contact-card {

      background: #fff;

      border-radius: 12px;

      padding: 40px;

      box-shadow: 0 4px 20px rgba(0,0,0,0.05);

    }



    .contact-info i {

      font-size: 1.4rem;

      color: #0d6efd;

      margin-right: 10px;

    }



    .form-control {

      border-radius: 8px;

      padding: 12px;

    }



    .btn-submit {

      background-color: #0d6efd;

      color: #fff;

      border: none;

      padding: 10px 25px;

      border-radius: 8px;

      transition: 0.3s ease;

    }



    .btn-submit:hover {

      background-color: #0b5ed7;

    }



    iframe {

      width: 100%;

      height: 300px;

      border-radius: 10px;

      border: none;

      margin-top: 30px;

    }