@keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  
  @keyframes bounce {
    0%, 100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8,0,1,1);
    }
  
    50% {
      transform: none;
      animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
  }

  .shepherd-button {
    border-top: solid 4px #060818;
    border-radius: 0;
    color: #fff;
    display: flex;
    flex-grow: 1;
    font-family: "GT Pressura", sans-serif;
    font-size: 1rem;
    justify-content: center;
    margin: 0;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
  }

  .shepherd-footer .shepherd-button:last-child{
    background-color: #434e90;
  }
  
  .shepherd-button:hover {
    background: #060818;
    color: #ffffff;
  }
  
  .shepherd-button.shepherd-button-secondary {
    background: #2e3668;
    color: #fff;
  }
  
  .shepherd-button.shepherd-button-secondary:hover {
    color: #CAD5D5;
    background: #060818;
  }
  
  .shepherd-cancel-icon {
    font-family: "GT Pressura", sans-serif;
  }
  
  .shepherd-element {
    border: solid 4px #060818;
  }
  
  .shepherd-element,
  .shepherd-header,
  .shepherd-footer {
    border-radius: 0;
  }
  
  .shepherd-element .shepherd-arrow {
    border-width: 0;
    height: auto;
    width: auto;
  }
  
  .shepherd-arrow::before {
    display: none;
  }
  
  .shepherd-element .shepherd-arrow:after {
    content: url('./assets/arrow.png');
    display: inline-block;
  }

  
  .shepherd-element[data-popper-placement^='top'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-top .shepherd-arrow {
    bottom: -20px;
  }
  
  .shepherd-element[data-popper-placement^='top'] .shepherd-arrow:after,
  .shepherd-element.shepherd-pinned-top .shepherd-arrow:after {
    transform: rotate(270deg);
  }
  
  .shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
    top: -20px;
  }
  
  .shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow:after {
    transform: rotate(90deg);
  }
  
  .shepherd-element[data-popper-placement^='left'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-left .shepherd-arrow {
    right: -18px;
  }
  
  .shepherd-element[data-popper-placement^='left'] .shepherd-arrow:after,
  .shepherd-element.shepherd-pinned-left .shepherd-arrow:after {
    transform: rotate(180deg);
  }
  
  .shepherd-element[data-popper-placement^='right'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-right .shepherd-arrow {
    left: -18px;
    top: 4px!important;
  }
  
  .shepherd-footer {
    padding: 0;
  }
  
  .shepherd-footer button:not(:last-of-type) {
    border-right: solid 4px #060818;
  }
  
  .shepherd-has-title .shepherd-content .shepherd-cancel-icon {
    margin-top: -7px;
  }
  
  .shepherd-has-title .shepherd-content .shepherd-header {
    background: #2e3668;
    font-family: "GT Pressura", sans-serif;
    padding-bottom: 0;
    padding-left: 1rem;
  }
  
  .shepherd-has-title .shepherd-content .shepherd-header .shepherd-title {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #fff;
  }
  
  .shepherd-text {
    font-size: 1.2rem;
    padding: 1rem 1rem;
    background-color: #2e3668;
    color: #fff;
  }
  
  .shepherd-text a, .shepherd-text a:visited,
  .shepherd-text a:active {
    border-bottom: 1px dotted;
    border-bottom-color: rgba(0, 0, 0, 0.75);
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
  }
  
  .shepherd-text a:hover, .shepherd-text a:visited:hover,
  .shepherd-text a:active:hover {
    border-bottom-style: solid;
  }
  
  @media (min-width: 640px) {
  }
  
  @media (min-width: 768px) {
    .md\:justify-between {
      justify-content: space-between;
    }
  
    .md\:h-48 {
      height: 12rem;
    }
  
    .md\:p-8 {
      padding: 2rem;
    }
  
    .md\:p-12 {
      padding: 3rem;
    }
  
    .md\:pt-8 {
      padding-top: 2rem;
    }
  
    .md\:w-48 {
      width: 12rem;
    }
  
    .md\:w-auto {
      width: auto;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:flex-no-wrap {
      flex-wrap: nowrap;
    }
  
    .lg\:justify-between {
      justify-content: space-between;
    }
  
    .lg\:h-56 {
      height: 14rem;
    }
  
    .lg\:mt-0 {
      margin-top: 0;
    }
  
    .lg\:mt-4 {
      margin-top: 1rem;
    }
  
    .lg\:mr-4 {
      margin-right: 1rem;
    }
  
    .lg\:mt-24 {
      margin-top: 6rem;
    }
  
    .lg\:mb-24 {
      margin-bottom: 6rem;
    }
  
    .lg\:p-0 {
      padding: 0;
    }
  
    .lg\:p-12 {
      padding: 3rem;
    }
  
    .lg\:pr-0 {
      padding-right: 0;
    }
  
    .lg\:pr-10 {
      padding-right: 2.5rem;
    }
  
    .lg\:w-56 {
      width: 14rem;
    }
  
    .lg\:w-auto {
      width: auto;
    }
  
    .lg\:w-1\/3 {
      width: 33.333333%;
    }
  }
  
  @media (min-width: 1280px) {
  }