#p1 .carousel-item-button.btn-primary {
    background-color: var(--bs-tertiary) !important;
    border-color: var(--bs-tertiary) !important;
    color: #ffffff !important;
}
#p1 .frame-space-before{
    margin-top: 0px !important;
}
#p1 .carousel-box{
    background-color: #14374199;
}

#p1 .carousel-item-button.btn-primary:hover {
    background-color: var(--bs-secondary-color) !important;
    border-color: var(--bs-secondary-color) !important;
}

 #p1 .carousel .carousel-content-inner {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 1rem;
  margin: 0;
}

#p1 .carousel h2 {
    color: var(--bs-tertiary);
    font-weight: 900;
  }
  #p1 .carousel h3, .carousel h4 {
    color: var(--bs-body-bg) !important;
    font-weight: 500;
  }
  @media (min-width: 576px) {
  .carousel-item-type-call_to_action .carousel-box {
    max-width: 100%;
  }
}
    @media (min-width: 768px) {
  .carousel-item-type-call_to_action .carousel-box {
    max-width: 90%;
  }
}
     @media (min-width: 992px) {
  .carousel-item-type-call_to_action .carousel-box {
    max-width: 50%;
  }
}
  @media (min-width: 1200px){
    .carousel-item-type-call_to_action .carousel-box {
    max-width: 40%;
  }
}