a.disabled {
    pointer-events: none;
    cursor: default;
  }

  html {
    scroll-behavior: smooth;
  }

 /* CSS for responsive iframe */
.embeded-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.embeded-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.loader-overlay {
  display: none; /* Hide by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  z-index: 1000; /* Ensure it covers other content */
  justify-content: center;
  align-items: center;
}

.custom-loader {
  border: 16px solid #006989; /* Light grey */
  border-top: 16px solid #2d3239; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.footer-image-custom{
  width: 80% !important;
}


/* Styling for the PayPal-like checkout button */
.stripe-custom-btn {
  width: 100%;
  background-color: #675dff; /* Dark purple background color */
  color: #ffffff; /* White text color */
  border: none; /* Remove default border */
  border-radius: 4px; /* Slightly rounded corners */
  padding: 14px 20px; /* Padding inside the button */
  font-size: 20px; /* Font size */
  line-height: 24px;
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for background color and shadow */
}
.stripe-custom-btn span{
  font-weight: 800; 
}

.stripe-custom-btn:hover {
  background-color: #675dff; /* Darker purple on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
}

.stripe-custom-btn:focus {
  outline: none; /* Remove default focus outline */
  box-shadow: 0 0 0 2px #3932a0; /* Add custom focus outline */
}