/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-d3-security-tiles-carousel-item {
  --badge-text-color: var(--wp--preset--color--purple);
  position: relative;
  background: radial-gradient(#20162E, #3F3F3F);
  border: 2px solid #F5F5F5;
  border-radius: 25px;
  padding: 100px 1.5em 2em 1.5em;
  max-width: 360px;
}
.wp-block-d3-security-tiles-carousel-item .item-badge-wrapper {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 138px;
  height: 138px;
  border: 2px solid #F5F5F5;
  border-radius: 100%;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-d3-security-tiles-carousel-item .item-badge-text {
  background-color: var(--wp--preset--color--white);
  border-radius: 15px;
  padding: 8px 2em;
  color: var(--badge-text-color);
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 500;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
}
.wp-block-d3-security-tiles-carousel-item h2 {
  font-size: 48px;
}
.wp-block-d3-security-tiles-carousel-item p {
  font-weight: 500;
}
@media (max-width: 600px) {
  .wp-block-d3-security-tiles-carousel-item {
    padding-top: 80px;
  }
  .wp-block-d3-security-tiles-carousel-item .item-badge-wrapper {
    width: 120px;
    height: 120px;
    top: -55px;
  }
  .wp-block-d3-security-tiles-carousel-item .item-badge-text {
    padding: 5px 1.2em;
  }
  .wp-block-d3-security-tiles-carousel-item h2 {
    font-size: 32px;
  }
}