/* Hide image, title, and price of the second product box */
.cross-sell-content .product_box:nth-of-type(2) .product_item,
.cross-sell-content .product_box:nth-of-type(2) h5,
.cross-sell-content .product_box:nth-of-type(2) .price {
    display: none !important;
}

/* Keep the second button and move it under the first button */
.cross-sell-content .product_box:nth-of-type(2) .cart_btn {
    display: block !important;
    margin-top: 10px !important; /* space below first button */
}

/* Optional: make the button full width like the first */
.cross-sell-content .product_box:nth-of-type(2) .cart_btn a {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}










.cart_btn a.btn-primary {
    border: 1.3px solid black !important;
}

.product_box {
  border-radius: 10px; /* Adjust the value to change the roundness of the box */
  border: 1px solid #ccc; /* Add a border for a cleaner look */
  padding: 15px; /* Add some padding for spacing */
  margin-bottom: 20px; /* Adjust the margin for spacing between product boxes */
}

.product_text {
  text-align: center; /* Center the text within the product box */
}

.cart_btn a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px; /* Adjust the value to change the roundness of the button */
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}

/* Styles for the "No Thanks" button */
.btn-light {
  background-color: #2a202e !important; /* Change the background color */
  color: #ffffff !important; /* Change the text color */
}

/* Styles for the "No Thanks" button */
.no-thanks-btn {
  background-color: #2c2e2f; /* Change the background color for the "No Thanks" button */
  color: #333; /* Change the text color */
}

/* Optional hover effect for the "No Thanks" button */
.no-thanks-btn:hover {
  opacity: 0.8;
}


h3.title {
  color: #2a202e !important; /* Change the text color */
}


.product_box .product_text .price {
  color: #2a202e !important; /* Change the text color */
}

.cart_btn a.btn-primary {
  display: inline-block;
  width: 100%; /* Make the button fill the container width */
  padding: 15px; /* Adjust the padding for height and spacing */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px; /* Adjust the border radius as needed */
  background-color: #beaaff; /* Change the background color */
  color: #2a202e; /* Change the text color */
}


.cart_btn a.btn-light {
  display: inline-block;
  width: 100%; /* Make the button fill the container width */
  padding: 15px; /* Adjust the padding for height and spacing */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px; /* Adjust the border radius as needed */
  background-color: #2a202e; /* Change the background color */
  color: #333; /* Change the text color */
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.cart_btn a.btn-primary {
  display: inline-block;
  width: 100%;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  background-color: #beaaff;
  color: #2a202e;
  animation: bounce 1s infinite; /* Apply the bounce animation */
}

#upsell {
    margin-bottom: 0; /* Adjust bottom margin */
    padding-bottom: 0; /* Adjust bottom padding */
  }

  .upsell-content {
    margin-top: 0; /* Adjust top margin */
    padding-top: 0; /* Adjust top padding */
  }

  .title {
    margin-bottom: 50px; /* Adjust bottom margin for the title */
  }

  .product_box {
    margin-bottom: 0; /* Adjust bottom margin for product boxes */
  }


/* Adjust the position of the icon */
.action {
  position: relative;
}


.order-body {
    display: none;
}

.action .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Style the icon */
.action .btn i {
  font-size: 20px; /* Adjust the size of the icon */
  color: #ff0000; /* Change the color of the icon */
}


.col-md-2.col-sm-4.col-4 .u_price {
    display: none;
}

  
  
  /* Assuming you have a unique identifier or class for the <i> element, replace "#unique-id" or ".custom-class" with the appropriate selector if needed */
.fad.fa-5x.fa-exclamation-triangle {
  display: none;
}

div.icon {
  display: none;
}



p {
    color: black;
  }
  
  p strong {
    color: black;
  }




/* Assuming you have a CSS selector for .btn.btn-primary.next */
.btn.btn-primary.next {
  padding: 1.1em;
}

.btn.btn-primary.btn-block {
  padding: 1.1em;
}



body {
  background-image: url("https://i.postimg.cc/rsLvNJn6/Untitled-design-1-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



/* Apply the color #6b9e95 to the Coupon button */
.cupon .input-group-append .btn {
  background-color: #6b9e95;
  color: #ffffff; /* Optional - This sets the text color to white for better visibility */
}

/* Apply the color #6b9e95 to the text inside the Coupon button */
.cupon .input-group-append .btn span {
  color: #6b9e95;
}


/* Apply the color #ea6122 to the specific link with classes .btn, .btn-primary, and .next */
a.btn.btn-primary.next {
  color: #ffffff;
  /* Optional - If you also want to change the background color, you can add the following line */
  background-color: #2c222e;
}



/* Apply the color #ea6122 to the links inside the collapsed navbar */
.navbar-collapse a {
  color: #ea6122;
}


.btn.btn-deafult {
  display: none;
}


/* Assuming the footer is wrapped in a <footer> element */
footer {
  background-color: #2c222e; /* Soft, light background color */
  padding: 20px; /* Adding some padding for spacing */

  /* Adding a subtle shadow to lift the footer slightly */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Styling the footer content */
footer p {
  font-size: 16px; /* Comfortable font size */
  line-height: 1.6; /* Adequate line height for easy reading */
  margin-bottom: 10px; /* Adding some space between paragraphs */
}

/* Styling links in the footer */
footer a {
  color: #337ab7; /* A warm and inviting link color */
  text-decoration: none; /* Removing underlines from links */
}

footer a:hover {
  text-decoration: underline; /* Adding underline on hover for interactive feedback */
}
#2c222e
/* Centering the footer content */
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}





/* Define the keyframes for the tada animation */
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

/* Apply the tada animation to the button with initial delay */
.btn.btn-primary.next {
  animation: tada 1s 3s;
}



    .footer-link a {
        display: none;
    }



    .footer-logo {
        display: none;
    }



/* Define the tada animation keyframes */
@keyframes tada-animation {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

/* Apply the animation to the button on hover */
.btn.btn-primary.btn-block:hover {
  animation: tada-animation 1s;
}



td.product-total {
  display: none;
}


    .product-cat {
        display: none;
    }
    
    
    td.product-name {
  display: none;
}


    .cupon {
    display: none;
  }
  
  
  
  
/* Target the cart icon using the class "fad" and "fa-shopping-cart" */
.fad.fa-shopping-cart {
  color: black;
}


.nav-item .cart-icon{background-color:#dededd;color:#1f1f1f;}