/* Put your custom CSS here */

/* Center Align Contact Form 7 */
div.wpcf7 {
  max-width: 400px; /* set the max-width you prefer */
  margin: 0 auto;
}
div.wpcf7 input:not([type="checkbox"]),
div.wpcf7 textarea {
  width: 100%;
}
div.wpcf7 label {
  display: block;
}

/* Custom styles for the form container */
.wpcf7-form-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Custom styles for the form labels */
.wpcf7-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
/*     font-weight: bold; */
}

/* Custom styles for text input fields */
.wpcf7-form input[type="text"] {
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 1px;
}

/* Custom styles for the form input fields */
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="month"],
/* .wpcf7-form input[type="radio"], */
.wpcf7-form input[type="time"],
.wpcf7-form input[type="week"],
.wpcf7-form input[type="acceptance"]{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 1px;
}

/* Custom styles for the form textarea */
.wpcf7-form textarea {

    /* Set maximum height */
    max-height: 50px;
    /* Set minimum height */
    min-height: 10px;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 1px;
    /* background-color: rgb(255, 0, 0); */
    /* Text color*/
    /* color: #ffffff; */
}

/* Custom styles for the form paragraphs*/
.wpcf7-form p {
    display: block;
    margin-bottom: 5px;
    /* font-weight: bold; */
    font-size: 12px;
}

/* Custom styles for submit button */
.wpcf7-form input[type="submit"] {
/*     background-color: #0073aa; */
	background-color:#baa00b;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;

    cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover {
/*     background-color: #005177; */
	background-color:#fad605;
}

/* For  marquee */
@keyframes marquee-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0%);
  }
}

.is-style-marquee {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.is-style-marquee>.wp-block-group {
  display: inline-flex;
  gap: 2rem;
  min-width: max-content;
  align-items: center;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.is-style-marquee.direction-left>.wp-block-group {
  animation-name: marquee-left;
}

.is-style-marquee.direction-right>.wp-block-group {
  animation-name: marquee-right;
}

.is-style-marquee.speed-slow>.wp-block-group {
  animation-duration: 40s;
}

.is-style-marquee.speed-normal>.wp-block-group {
  animation-duration: 20s;
}

.is-style-marquee.speed-fast>.wp-block-group {
  animation-duration: 10s;
}

.is-style-marquee h2 {
  flex-shrink: 0;
  margin: 0;
  font-size: 2rem;
}