/* width */
::-webkit-scrollbar {
    width: 14px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #4253B8;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #ffa23d;
  }

/* Custom logo styling */
.custom-logo-class {
    width: 100%; /* Ensures full width responsiveness */
    height: auto; /* Maintains aspect ratio */
    max-width: 220px; /* Maximum width of the logo */
}

/* Additional responsive behavior for smaller screens */
@media (min-width: 640px) {
    .custom-logo-class {
        max-width: 150px; /* Adjust width for medium screens */
    }
}

@media (min-width: 1024px) {
    .custom-logo-class {
        max-width: 190px; /* Adjust width for larger screens */
    }
}


* Add this CSS to your theme’s stylesheet or a custom CSS file */
.wpcf7-form {
  background-color: #fff;
  border-radius: 0.5rem; /* rounded-lg */
  padding: 1rem; /* p-4 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* drop-shadow-md */
  font-family: 'Poppins', sans-serif; /* font-poppins */
  font-size: 0.875rem; /* smaller font size */
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  background-color: #f3f4f6ab; /* bg-input-box */
  padding: 0.4rem; /* p-2 */
  border: 1px solid #d1d5db; /* border color */
  width: 100%;
  margin-bottom: 1rem; /* mb-2 */
  border-radius: 0.375rem; /* rounded-md */
  font-family: 'Poppins', sans-serif; /* font-poppins */
  font-size: 0.875rem; /* smaller font size */
}

.wpcf7-form input::placeholder,
.wpcf7-form select::placeholder,
.wpcf7-form textarea::placeholder {
  font-size: 0.82rem; /* smaller placeholder font size */
}

.wpcf7-form textarea {
  height: 4rem; /* h-28 */
}

.wpcf7-form .wpcf7-submit {
  background-color: #4253B8; /* bg-secondarycolor */
  color: #fff; /* text-white */
  padding: 0.5rem; /* p-2 */
  font-weight: 600; /* font-semibold */
  border-radius: 0.375rem; /* rounded-md */
  border: 2px solid #4253B8; /* border-primarycolor */
  width: 100%; /* w-full */
  cursor: pointer;
  font-family: 'Poppins', sans-serif; /* font-poppins */
  font-size: 0.875rem; /* smaller font size */
}

.wpcf7-form .wpcf7-submit:hover {
  background-color: #fff; /* hover:bg-white */
  color: #ffa23d; /* hover:text-secondarycolor */
  border-color: #ffa23d; /* hover:border-secondarycolor */
}



/* Keyframes for the glowing effect */
@keyframes glow {
  0% { text-shadow: 0 0 5px #ffa23d, 0 0 10px #ffa23d, 0 0 15px #ffa23d, 0 0 20px #ffa23d, 0 0 25px #ffa23d; }
  50% { text-shadow: 0 0 10px #ffa23d, 0 0 20px #ffa23d, 0 0 30px #ffa23d, 0 0 40px #ffa23d, 0 0 50px #ffa23d; }
  100% { text-shadow: 0 0 5px #ffa23d, 0 0 10px #ffa23d, 0 0 15px #ffa23d, 0 0 20px #ffa23d, 0 0 25px #ffa23d; }
}

/* Keyframes for the pulse effect */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Button styles */
.blink-button {
  animation: pulse 1s infinite, glow 2s infinite;
  background-color: #ffa23d; /* Primary background color */
  color: #333; /* Text color */
  border-color: #ffa23d; /* Border color */
}

.blink-button:hover {
  background-color: #333; /* Darker background on hover */
  color: #ffa23d; /* Text color on hover */
  border-color: #ffa23d; /* Border color on hover */
  box-shadow: 0 0 10px #ffa23d; /* Glowing effect on hover */
}

  .whatsapp-icon {
            position: relative;
            top: -4px; /* Adjust this value to move the icon up */
        }