/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

		    /* Donation  button */
	   
    /* Common styles for the button */
    .btn {
      display: inline-block;
      text-decoration: none;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease; /* Adding transition for smooth effect */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adding shadow */
    }

    /* Styles for the desktop version */
    @media (min-width: 768px) {
      .btn {
        border-radius: 30px; /* Rounded border */
      }
    }

    /* Styles for the mobile version */
    @media (max-width: 767px) {
      .btn {
        transform: skewX(-20deg); /* Skew to create parallelogram */
        padding: 5px 10px; /* Smaller size */
      }
    }

    /* Zoom in animation */
    @keyframes zoomIn {
      0% {
        transform: scale(0.9); /* Initial scale */
      }
      50% {
        transform: scale(1.1); /* Zoomed scale */
      }
      100% {
        transform: scale(0.9); /* Back to initial scale */
      }
    }

    /* Apply zoom in animation */
    .zoom-in {
      animation: zoomIn 2s ease-in-out infinite alternate; /* Continuous zoom in and out */
    }

    /* Additional styling for button appearance */
    .rounded-pill {
      border-radius: 30px; /* Rounded border */
    }

    .bg-colorr {
      background-color: pink; /* Pink background color */
    }

    .text-larger {
      font-size: 16px; /* Larger font size */
    }

    .text-white {
      color: #ffffff; /* White text color */
    }

    .px-4 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .h-op-09:hover {
      opacity: 0.9; /* Reduce opacity on hover */
    }

    .op-ts {
      transition: opacity 0.3s ease; /* Transition effect for opacity */
    }