.back-im {
    background-image: url("./images/main_image.jpg")!important;
    background-repeat: no-repeat;
  background-size: cover;
}

.back-roboarm-im {
  background-repeat: no-repeat;
background-size: cover;
}

.album-custom {
    background: hsla(0, 0%, 100%, 0.15) !important;
    -webkit-backdrop-filter: blur(30px); /* For Safari */
    backdrop-filter: blur(30px);
}

.card-text-custom {
  color: white;
}

.card-text-custom-orange {
  color: rgb(255, 177, 158);
}

.card-text-start {
  color: white;
  vertical-align: middle;
  text-align: center;
}

.doc-text{
  color: white;
}

.doc-text-bold{
  color: white;
  font-weight: bold
}

.doc-text-red{
  color: rgb(255, 125, 74);
}

.drop-shadow{
  box-shadow: 0px 7px 5px #888888;
  z-index:999;
}

h5 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.paypal-button {
  transform: scale(1.5); /* Increase size by 50% */
}

.card-text-custom-orange {
  color: rgb(255, 125, 74);
  text-shadow: 2px 2px 4px #000000;
}

/* Add this new style to the bottom of your index.css file */

.back-rotld-im {
    background-image: url("./images/background_rotld.jpg"); /* You need to create this image */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Makes the background stay in place on scroll */
}

.heading-with-icon {
  display: flex; /* Use flexbox for easy alignment */
  align-items: center; /* Vertically center the icon and text */
  justify-content: center; /* Horizontally center the whole group (optional, but good for titles) */
  gap: 0.75rem; /* Add a little space between the icon and the text */
}

.heading-with-icon::before {
  content: ''; /* Necessary for the :before pseudo-element to show up */
  display: block; /* Make it a block-level element */
  width: 40px; /* The width of your icon */
  height: 40px; /* The height of your icon */
  background-image: url('./images/icon.png'); /* The path to your icon */
  background-size: contain; /* Ensure the icon fits within the dimensions */
  background-repeat: no-repeat;
  background-position: center;
}