.card-transform-form .wpcf7 form .wpcf7-response-output {
  margin: 12px auto 8px;
  max-width: 500px;
}

.event-form-wrap {
  max-width: 510px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

.event-form-wrap .wpcf7-spinner {
  position: absolute;
  right: -30px;
  top: 14px;
  margin: 0;
}

.card-transform-form .wpcf7-not-valid-tip {
  text-align: left;
  font-size: 14px;
}

.nav-event {
  --bs-nav-link-padding-x: 1.5rem;
  --bs-nav-link-padding-y: 0.75rem;
  --bs-nav-link-font-weight: var(--bs-font-weight-600);
  --bs-nav-link-font-size: ;
  --bs-nav-link-color: var(--bs-primary);
  --bs-nav-link-hover-color: var(--bs-dark);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  --bs-nav-pills-border-radius: 12px;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--bs-primary);
  justify-content: center;
  display: inline-flex;
  margin: 0 auto;
  padding: 8px;
  background-color: var(--bs-light);
  border-radius: 12px;
}
.card-event .card-outcome-image {
  position: relative;
  padding-top: 56.25%;
}
.card-event .card-outcome-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 16 / 9;
    object-fit: cover;
}
.card-event .card-event-badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.card-event .card-outcome-button a {
    padding: 13px 16px;
    font-size: 16px;
    height: auto;
    border-radius: 10px;
    border: 2px solid #122C5F;
}
.card-outcome-inner  img {
    border-radius: 20px;
}
.card-outcome-inner .badge {
    background-color: #e3e3e3;
    color: #333333;
    border-radius: 100px;
    padding: 8px 16px;
}
.card-upcomming-event{
    background: radial-gradient(101.61% 108.19% at 16.87% -0.07%, rgba(227, 230, 251, 0) 0%, #E3E6FB 100%);
    padding: 2px;
    border-radius: 24px;
    position: relative;
}
@media (max-width: 767px){
.card-upcomming-event .card-outcome-inner{
  margin:0;
}
.card-upcomming-event .card-outcome-inner .card-body {
    padding: 14px !important;
}
}