.imageandcopy {
  overflow: hidden;
}

.imageandcopy h2 {
  margin-top: 0px;
}

.imageandcopy h3 {
  font-size: 24px;
}

.imageandcopy .largertext {
  display: block;
  margin-bottom: 32px;
}

.imageandcopy .mainCTA {
  margin-top: 0px;
  display: inline-block;
}

.imageandcopy .maincopy ul {
  padding-left: 20px;
}

.lightTheme .maincopy p, .lightTheme .maincopy h2, .lightTheme .maincopy .subhead, .lightTheme .maincopy a {
  color: #fff;
}

.imageandcopy .maincopy ul li {
  list-style: none;
  padding-right: 20px;
}

.imageandcopy .maincopy ul li:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f058";
  font-weight: 900;
  padding-right: 8px;
  margin-left: -21px;
  position: absolute;
}

.mediaImage {
  border-radius: 8px;
}

.imageandcopy .caption {
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}

.imageandcopy picture img {
  border-radius: 8px;
}

.imageandcopy .imageLeft {
  padding-right: 46px;
}

.imageandcopy .imageRight {
  padding-left: 46px;
}

.imageandcopy img {
  border-radius: 8px;
}

@media screen and (min-width: 769px) {
  .imageandcopy .mediaContent {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mediaImageWrap {
  height: 100%;
  position: relative;
  /* NEW */
  display: flex;
  align-items: center;
  align-content: center;
  border-radius: 8px;
}

.mediaImage {
  background-size: cover;
  background-position: center;
  height: 100%;
  position: relative;
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.noneTop {
  padding-top: 0px;
}
.smallTop {
  padding-top: 20px;
}
.mediumTop {
  padding-top: 50px;
}
.largeTop {
  padding-top: 80px;
}
.noneBottom {
  padding-bottom: 0px;
}
.smallBottom {
  padding-bottom: 20px;
}
.mediumBottom {
  padding-bottom: 50px;
}
.largeBottom {
  padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .imageandcopy .imageLeft {
    padding-right: 15px;
    min-height: 100% !important;
  }

  .imageandcopy .imageRight {
    padding-left: 15px;
  }

  .imageandcopy .mediaContent {
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .mediaImage {
    height: 300px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .imageandcopy {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .mediaImage {
    height: auto;
  }

  .mediaImageWrap {
    height: auto;
  }

  .imageandcopy .mainCTA {
    display: block;
    margin: 15px 0px;
    text-align: center;
  }

  .imageandcopy .ctaFirst {
    margin-right: 0px;
  }

  .imageandcopy .mediaContent {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .noneTop {
    padding-top: 20px;
  }
  .smallTop {
    padding-top: 20px;
  }
  .mediumTop {
    padding-top: 20px;
  }
  .largeTop {
    padding-top: 20px;
  }
  .noneBottom {
    padding-bottom: 20px;
  }
  .smallBottom {
    padding-bottom: 20px;
  }
  .mediumBottom {
    padding-bottom: 20px;
  }
  .largeBottom {
    padding-bottom: 20px;
  }
}

.lightTheme p,
.lightTheme h2,
.lightTheme h3,
.lightTheme h4,
.lightTheme h5,
.lightTheme .subhead,
.lightTheme a,
.lightTheme li {
  color: white;
}

.lightTheme .cta-base {
  color: black !important;
}

.fade-in {
  -webkit-animation: fade-in 2.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 2.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-10-31 16:0:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
.imageandcopy .heartbeat {
  -webkit-animation: heartbeat 2.5s ease-in-out infinite both;
  animation: heartbeat 2.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* Badges container styling */
.imageandcopy .badges-container {
  display: flex;
  padding: 25px 0;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.imageandcopy .badges-container .badge-box {
  place-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 22%;
  padding: 20px;
}

.imageandcopy .badges-container .badge {
  max-width: 100px;
}

@media screen and (max-width: 767px){
  .imageandcopy .badges-container .badge-box {
    flex-basis: 47%;
    padding: 10px;
  }
}