.connector {
  align-items: center;
  display: flex;
  flex-flow: column;
  font-weight: 600;
  justify-content: center;
  position: relative;
  width: 100%;
}

.connector::after {
  content: attr(data-title);
}

.connector:first-of-type {
  --connector-highlight: linear-gradient(90deg, #4CCFFF, #4C8FFF);
}

.connector:nth-of-type(2) {
  --connector-highlight: linear-gradient(90deg, #FF1A75, white);
}

.connector:nth-of-type(3) {
  --connector-highlight: linear-gradient(90deg, white, #4ACD4A);
}

.connector:nth-of-type(4) {
  --connector-highlight: linear-gradient(90deg, white, #FF1A75);
}

.connector:nth-of-type(5) {
  --connector-highlight: linear-gradient(90deg, #4CCFFF, #4ACD4A);
}

.connector:nth-of-type(6)::before {
  background: white;
  border-radius: 50%;
  content: '';
  inset: auto auto -10px auto;
  height: 7.36px;
  width: 7.36px;
  min-width: unset;
  opacity: .796;
  position: absolute;
}

.connector::before {
  background: var(--connector-highlight);
  content: '';
  inset: calc(100% + 4px) auto -5px auto;
  min-width: 35%;
  max-width: 300px;
  opacity: .396;
  position: absolute;
}

.connector:first-of-type::before {
  font-weight: bold;
}

.connector-img {
  width: 76px;
}

.content .intro .ml-embedded p {
  width: 100%;
}

.home-hero-static {
  margin: 0 0 -5px 0;
  width: 100%;
}

.home-hero-static img {
  width: 100%;
}

.mastodon-verification {
  visibility: hidden;
  transform: scale(0);
}

.tagline-image {
  border-radius: .736vw;
  width: 69.6%;
  display: flex;
  margin: 45px auto 136px auto;
  overflow: hidden;
}

.tagline-image img {
  transform: scale(1.376);
  width: 100%;
  z-index: -1;
}

.sub .content .intro {
  background: #2e2e2eff;
  align-items: center;
  display: flex;
  flex-flow: column;
  margin: 0 0 145px 0;
  padding: 0 0 105px 0;
  position: relative;
}

/*.sub .content .intro::after {
  background: url("../img/home/intro-bkdrop.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 150% 100%;
  content: '';
  filter: brightness(.736);
  inset: 0;
  opacity: .736;
  position: absolute;
  z-index: 1;
}*/

.content .intro p {
  padding: 0 15px;
  width: 72.6%;
  z-index: 2;
}

.content .intro figure {
  z-index: 2;
}

.carousel {
  display: flex;
  height: 100%;
  width: 100%;
}

.carousel img {
  height: 100%;
  width: 100%;
}

.tagline {
  display: flex;
  font-size: 235%;
  font-size: 600;
  gap: 15px;
  justify-content: center;
  letter-spacing: .735rem;
  line-height: 3;
  margin: -105px 0 35px 0;
  padding: 0 15vw;
  text-align: center;
  text-transform: uppercase;
}

.process-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 36px 0;
}

.process {
  background-color: rgba(20, 20, 20, .736);
  border-bottom: 3px solid rgba(65, 65, 65, .736);
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin: 10px 0;
  orphans: 2;
  padding: 15px 25px;
  position: relative;
  text-align: center;
  width: 67.6%;
}

.content .process.centered {
  margin: 15px 0;
  padding: 15px 35px;
  width: 67.6%;
}

.process img {
  inset: 25px 25px auto auto;
  position: absolute;
  width: 50px;
}

.process p {
  font-size: 95%;
  margin: 0 35px 25px 35px;
}

.content .process h2 {
  display: flex;
  flex-flow: column;
  font-size: 80%;
  font-weight: 400;
  letter-spacing: 5px;
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
  width: 100%;
}

.process-text {
  margin: 35px auto 0 auto;
  padding: 0 15%;
  text-align: center;
}

.content h1 {
  border-image-slice: 1;
  border-image-source: linear-gradient(-48deg, rgb(136, 176, 136) 7.36%, rgb(235, 76, 136), rgb(36, 136, 176) 86%);
  padding: 0 1rem 1em 3.75rem;
}

.content section:first-of-type h1 {
  margin: 0 auto -105px auto;
}

.sub .content h1::after {
  background: linear-gradient(36deg, rgb(136, 176, 136) 7.36%, rgb(235, 76, 136), rgb(36, 136, 176) 86%);
}

@keyframes align {
  100% {
    border-radius: 0;
    filter: blur(0) brightness(1) saturate(1) contrast(1);
    opacity: 1;
    transform: none;
  }
}

.carousel img {
  animation: align 5s both;
  border-radius: 18px;
  opacity: .65;
  filter: blur(1px) brightness(0) saturate(.765) contrast(.765);
  transform: scale(1.276);
}

.sub.home .content .rx-standalone {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.sub.home .content .rx-standalone hr {
  opacity: .35;
  width: 80%;
}

.rx-standalone img {
  margin: 105px auto 15px auto;
  min-width: 135px;
  width: 7.36vw;
}

.conditional-spacing {
  display: none;
}

.conditional-spacing-alt {
  display: unset;
  margin: 0 0 5% 0;
}

.content ul {
  padding: 0 0 15px 3.75%;
}

ul li {
  line-height: 1.75;
  padding: 5px 0 5px 35px;
}

.word-cloud {
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
  justify-content: center;
  margin: 35px 0 0 0;
}

.word-cloud div {
  border: 1px solid rgb(65, 65, 65);
  border-radius: 8px;
  color: rgb(205, 205, 205);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 5px;
  padding: 5px 50px 5px 55px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.featured-service-text .word-cloud {
  font-size: 14px;
  padding: 15px .235vw;
  margin: 0 auto;
}

.featured-service-text .word-cloud div {
  align-items: center;
  background-color: rgb(45, 45, 45);
  border-radius: 5px;
  border: none;
  color: rgb(185, 185, 185);
  display: flex;
  flex-grow: 1;
  font-size: 13px;
  font-weight: 600;
  justify-content: Center;
  letter-spacing: 2px;
  line-height: 2;
  padding: 10px 15px 10px 15px;
  text-align: center;
}

.cta {
  align-items: center;
  background-image: linear-gradient(rgb(35, 145, 185), rgb(85, 135, 135));
  border-radius: 5px;
  border: none;
  color: white;
  display: flex;
  filter: hue-rotate(-38deg);
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: .435ch;
  justify-content: center;
  margin: 15px 15px 0 15px;
  max-width: 400px;
  min-height: 60px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .736s;
  width: 100%;
}

.cta:hover {
  filter: hue-rotate(175deg) saturate(1.235);
  cursor: pointer;
}

.cta-block .cta:last-of-type {
  filter: hue-rotate(135deg) saturate(.65);
  font-weight: 500;
}

.cta-block .cta:last-of-type:hover {
  filter: hue-rotate(35deg);
}

.unified {
  background: linear-gradient(rgba(235, 35, 135, .0), 30%, rgba(235, 35, 185, .376), 76%, rgba(36, 105, 176, .236));
  border-radius: 36px;
  padding: 45px 35px;
}

.unified .featured-service-text {
  border: none;
}

.featured-service-text.cta-block {
  border: none;
  font-size: 36px;
  line-height: 2.735;
  text-align: center;
  width: auto;
}

.home {
  --highlight: rgb(255, 255, 255);
  --caromation: carousel;
}

.sub::before {
  display: none;
  content: '';
  inset: 0;
  position: fixed;
  z-index: -1;
}

.engage::before,
.specials::before {
  display: initial;
}

.content .centered {
  border-width: 5px;
  margin: 0 auto;
  padding: 0 1rem 1rem 2.736rem;
  width: fit-content;
  text-align: center;
}

.content .centered::after {
  background-color: rgba(235, 235, 235, .135);
  content: '';
  height: unset;
  inset: calc(100% + 10px) 35% -15px 35%;
}

.content .centered::before {
  display: none;
}

.content .featured-image {
  margin: 135px auto 85px auto;
  padding: 0 35%;
  width: 100%;
}

.content .featured-image::before,
.content .featured-image::after {
  display: none;
}

.featured-services {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 105px 0 0 0;
}

.featured-service-text {
  border-bottom: 2px solid rgba(135, 135, 135, .375);
  border-radius: 36px;
  padding: 0 4.735% 35px 4.735%;
  width: 49.6%;
}

.content .featured-service-text h2 {
  position: relative;
}

.featured-service-text h2 a {
  background-color: rgba(135, 135, 135, .135);
  border-radius: 5px;
  display: flex;
  color: white;
  font-size: 18px;
  height: 100%;
  inset: 0 -65px auto auto;
  justify-content: center;
  letter-spacing: 4px;
  padding: 5px 20px 5px 35px;
  position: absolute;
  text-decoration: none;
  transition: 1s;
  width: 50px;
}

.featured-service-text h2 a:hover {
  background-color: rgba(235, 235, 235, 1);
  width: calc(100% + 106px);
}

.featured-service-text h2 a::before,
.featured-service-text h2 a::after {
  align-items: center;
  display: flex;
  color: rgb(35, 35, 35);
  font-size: 18px;
  inset: 0;
  justify-content: center;
  position: absolute;
  transform: translateX(1px);
  transition: .176s;
}

.featured-service-text h2 a::before {
  color: white;
  content: '+';
}

.featured-service-text h2 a::after {
  color: white;
  content: 'learn more';
  opacity: 0;
  transform: scaleX(.276);
  transform-origin: right;
  visibility: hidden;
}

.featured-service-text h2 a:hover:before {
  opacity: 0;
}

.featured-service-text h2 a:hover:after {
  color: rgb(35, 35, 35);
  opacity: 1;
  transform: scaleX(1);
  transition: 1s;
  visibility: visible;
}

.featured-service {
  aspect-ratio: 1920/2150;
  border: 8px solid rgba(255, 255, 255, .835);
  border-radius: 16px;
  box-sizing: border-box;
  display: block;
  flex-flow: row;
  overflow: hidden;
  position: relative;
  width: 43.6%;
}

.featured-service::before {
  align-items: center;
  background-color: rgba(235, 235, 235, .235);
  backdrop-filter: blur(0);
  border-radius: 8px 0 0 8px;
  content: "+";
  color: rgba(235, 235, 235, .735);
  display: flex;
  font-size: 37.6px;
  font-weight: 400;
  inset: 47.65% 0 47.65% 93.85%;
  justify-content: center;
  letter-spacing: 3px;
  padding: 20px 10px 26px 16.35px;
  position: absolute;
  text-transform: uppercase;
  transition: 1s;
  z-index: 1;
}

.featured-service:hover:before {
  background-color: rgba(15, 15, 15, .935);
  backdrop-filter: blur(18px);
  content: '';
  color: transparent;
  display: flex;
  font-size: 18px;
  inset: 0 0 0 0;
  letter-spacing: 5px;
  padding: 0 0 55px 5px;
  transition: .736s, font-size .136s;
}

.featured-service::after {
  align-items: center;
  background-image: linear-gradient(transparent, rgba(36, 36, 36, .976) 73.6%);
  content: attr(data-label);
  color: rgb(235, 235, 235);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  inset: calc(100% - 73.6px) 0 0 0;
  justify-content: center;
  letter-spacing: 3px;
  padding: 23px 0 5px 0;
  position: absolute;
  text-transform: uppercase;
  transition: .735s;
  transform-origin: bottom;
  z-index: 2;
}

.featured-service:hover:after {
  background-color: transparent;
  border-radius: 0;
  color: rgba(235, 235, 235, .8);
  inset: 15% 0 0 0;
}

.featured-service img {
  aspect-ratio: 1920/2150;
  width: auto;
  z-index: -1;
}

.featured-service.solutions img {
  width: 100%;
  z-index: -1;
}

@keyframes featured-img-1st {
  0%, 8.36% {
    transform: translateX(0);
  }
  8.36%, 33.33% {
    transform: translateX(calc(-100% - 4px));
  }
  33.33%, 50% {
    transform: translateX(calc(-200% - 4px));
  }
  50%, 66.67% {
    transform: translateX(calc(-300% - 4px));
  }
  66.67%, 91.69% {
    transform: translateX(calc(-400% - 4px));
  }
  91.69%, 100% {
    transform: translateX(calc(-500% - 18px));
  }
}

@keyframes featured-img {
  0%, 4.18% {
    border-radius: 0;
    transform: scale(1);
  }
  4.18%, 8.36% {
    border-radius: 18px;
    transform: scale(.95);
  }
  8.36%, 25% {
    border-radius: 0;
    transform: scale(1);
  }
  25%, 33.33% {
    border-radius: 18px;
    transform: scale(.95);
  }
  33.33%, 41.67% {
    border-radius: 0;
    transform: scale(1);
  }
  41.67%, 50% {
    border-radius: 18px;
    transform: scale(.95);
  }
  50%, 58.33% {
    border-radius: 0;
    transform: scale(1);
  }
  58.33%, 66.67% {
    border-radius: 18px;
    transform: scale(.95);
  }
  66.67%, 75% {
    border-radius: 0;
    transform: scale(1);
  }
  75%, 91.67% {
    border-radius: 18px;
    transform: scale(.95);
  }
  91.67%, 100% {
    border-radius: 0;
    transform: scale(1);
  }
}

:root {
  --slide-anim-speed: 15s;
}

.slide-show {
  height: 100%;
  display: flex;
  flex-flow: row;
  width: 100%;
}

@keyframes slide-card-4 {
  0%, 15% {
    transform: translateX(0);
  }
  15%, 40% {
    transform: translateX(calc(-100% - 4px));
  }
  40%, 60% {
    transform: translateX(calc(-200% - 4px));
  }
  60%, 85% {
    transform: translateX(calc(-300% - 4px));
  }
  85%, 100% {
    transform: translateX(calc(-400% - 10px));
  }
}

@keyframes featured-img-4 {
  0%, 10% {
    border-radius: 0;
    transform: scale(1);
  }
  10%, 20% {
    border-radius: 18px;
    transform: scale(.95);
  }
  20%, 30% {
    border-radius: 0;
    transform: scale(1);
  }
  30%, 40% {
    border-radius: 18px;
    transform: scale(.95);
  }
  40%, 50% {
    border-radius: 0;
    transform: scale(1);
  }
  60%, 70% {
    border-radius: 18px;
    transform: scale(.95);
  }
  70%, 80% {
    border-radius: 0;
    transform: scale(1);
  }
  80%, 90% {
    border-radius: 18px;
    transform: scale(.95);
  }
  90%, 100% {
    border-radius: 0;
    transform: scale(1);
  }
}

.card-4 {
  animation: slide-card-4 var(--slide-anim-speed) infinite;
  height: 100%;
  display: flex;
  flex-flow: row;
  width: 100%;
}

@keyframes slide-card-3 {
  0%, 25% {
    transform: translateX(0);
  }
  25%, 50% {
    transform: translateX(calc(-100% - 4px));
  }
  50%, 75% {
    transform: translateX(calc(-200% - 4px));
  }
  75%, 100% {
    transform: translateX(calc(-300% - 10px));
  }
}

.featured-service a {
  align-items: center;
  background-color: transparent;
  color: transparent;
  display: flex;
  font-size: 21px;
  font-weight: 400;
  inset: 0;
  justify-content: center;
  letter-spacing: 5px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  transition: .235s;
  z-index: 3;
}

.featured-service a:hover {
  color: rgb(35, 35, 35);
  transition: 1.735s;
  transition-delay: .235s;
}

.featured-service a::before {
  background-color: trasparent;
  border-radius: 18px;
  content: '';
  inset: 0;
  position: absolute;
  transition: .735s;
}

.featured-service a:hover:before {
  background-color: rgb(235, 235, 235);
  inset: 46.35% 29.65%;
  transition: .735s;
  transition-delay: .235s;
  z-index: -1;
}

nav .active,
nav .active:hover {
  background-color: white !important;
  color: rgb(35, 35, 35) !important;
  font-weight: 600;
  letter-spacing: .35rem;
}

@keyframes carousel {
  0%, 10% {
    transform: translateX(0);
  }
  15%, 45% {
    transform: translateX(-100%)
  }
  50%, 75% {
    transform: translateX(-200%)
  }
  85%, 100% {
    transform: translateX(-300%)
  }
}

.home-hero {
  margin: 0 0 -5px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.hero-caro-anim {
  animation: var(--caromation) 35s infinite;
  display: flex;
  flex-flow: row nowrap;
}

.caro-item {
  min-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.caro-item a {
  inset: 0;
  position: absolute;
  overflow: hidden;
}

.home-hero img {
  width: 100%;
}

@media only screen and (max-height: 875px) {
  .sub::after {
    transform: rotate(180deg);
  }
}

@media only screen and (max-width: 1600px) {
  .sub::after {
    transform: rotate(180deg);
  }

  .sub .content .intro {
    padding: 45px 0 45px 0;
  }

  .content .featured-image {
    display: none;
  }

  .sub .content {
    margin: 25px 0 0 0;
  }
}

@media only screen and (max-width: 1300px) {
  .rx-standalone img {
    margin: 105px auto -35px auto;
    min-width: 135px;
    width: 7.36vw;
  }
}

@media only screen and (max-width: 1200px) {
  .featured-service-text {
    padding: 0 0 35px 0;
  }

  .featured-services.unified .featured-service-text h2 {
    justify-content: center;
    max-width: unset;
    padding: 0;
    text-align: center;
  }

  .content .featured-service-text h2 {
    display: flex;
    padding: 0 7.35% 0 7.5%;
    text-align: left;
    max-width: 80%;
  }

  .featured-service-text .word-cloud {
    padding: 15px 35px;
    width: 100%;
  }

  .content h1:first-of-type {
    margin: 0 auto;
  }

  .process {
    border-radius: 8px;
    padding: 15px;
  }

  .process p {
    flex: 1;
  }

  .featured-service-text h2 a:hover,
  .featured-service-text h2 a {
    border-radius: 50%;
    inset: calc(50% - 20px) -13.65% auto auto;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    padding: 0;
  }

  .featured-service-text h2 a {
    width: 17.35%;
  }

  .featured-service-text h2 a::after {
    display: none;
  }

  .featured-service-text h2 a::before,
  .featured-service-text h2 a:hover:before {
    font-size: 25px;
    content: ">";
    opacity: 1;
    transform: translateX(2px) translateY(-7.35%) scaleX(.5);
  }

  .featured-service-text h2 a:hover:before {
    color: rgb(35, 35, 35);
  }

  .reorder {
    order: -1;
  }

  .unified .featured-service-text {
    padding: 0 5%;
    text-align: center;
  }

  .featured-service-text.cta-block {
    font-size: 30px;
    padding: 0 10%;
    margin: 0;
    order: 1;
  }

  .featured-service.solutions {
    margin: 0 0 5% 0;
    order: -1;
  }

  .featured-services {
    flex-flow: column;
    margin: 35px 0 0 0;
    width: 100%;
  }

  .featured-service {
    margin: 35px 0 0 0;
    width: 600px;
  }

  .featured-service-text {
    padding: 5% 0;
    width: 100%;
  }

  .socials {
    display: flex;
    justify-content: center;
    gap: .025rem;
    position: relative;
    z-index: 1;
  }

  .word-cloud div {
    flex-grow: 1;
  }
}

@media only screen and (max-width: 1080px) {
  .content section:nth-of-type(1) h1 {
    margin: -35px auto -35px auto;
  }

  .content .featured-service-text p,
  .content .featured-service-text .spacer {
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
  }

  .sub .content .intro {
    align-items: center;
    display: flex;
    flex-flow: column;
    padding: 0 0 45px 0;
    margin: 0 0 75px 0;
  }

  .content .centered {
    padding: 0 1rem 1rem 1.736rem;
  }

  .process {
    width: 100%;
  }

  .content .process.centered {
    width: 100%;
  }

  .process-text {
    margin: 35px auto 0 auto;
    padding: 0;
    text-align: center;
  }

  .content h1.centered {
    justify-content: center;
  }
}

@media only screen and (max-width: 800px) {
  .unified {
    border-radius: 8px;
    padding: 15px 25px;
  }

  .featured-service-text.cta-block {
    font-size: 25px;
    padding: 0;
  }

  .featured-service-text.cta-block .word-cloud {
    display: flex;
    padding: unset;
    margin: unset;
    gap: 15%;
    widht: 100%;
  }

  .featured-service-text .word-cloud div {
    font-size: 10px;
  }

  .cta,
  .word-cloud a {
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: 600;
    padding: 0;
    width: 100%;
  }

  .word-cloud a {
    margin: 15px;
  }

  .content .intro p {
    padding: 0 15px;
    width: 85%;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .tagline-image {
    box-shadow: inset 0 0 18px rgb(15, 15, 15);
    width: 87.6%;
    margin: 35px auto 76px auto;
  }

  .tagline-image img {
    transform: scale(1.48);
    width: 100%;
    z-index: -1;
  }

  .tagline {
    flex-flow: column;
    gap: 0;
  }

  .tagline span {
    display: none;
  }

  .rx-standalone img {
    margin: 105px auto -15px auto;
  }

  .process p {
    margin: 15px;
  }

  .process img {
    inset: unset;
    margin: 15px auto 15px auto;
    position: relative;
    width: 50px;
  }
}

@media only screen and (max-width: 675px) {
  .featured-service-text .word-cloud {
    padding: 15px 5px;
    width: 100%;
  }

  .conditional-spacing {
    display: initial;
    margin: 0 0 10% 0;
  }

  .conditional-spacing-alt {
    display: none;
  }

  .featured-service a {
    transform: translateY(-5%);
  }

  .featured-service a:hover:before {
    inset: 43.35% 11.65% 44.35%;
  }

  .featured-service {
    margin: 35px 0 0 0;
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .featured-service-text.cta-block {
    font-size: 18px;
    margin: 0 -15px;
    padding: 0;
  }

  div.featured-service:before {
    transform: translateX(-20px);
    width: 20px;
  }

  div.featured-service:hover:before {
    opacity: .736;
    inset: 0;
    transform: none;
    width: unset;
  }

  .content h1.centered {
    line-height: 1.75;
    word-wrap: normal;
    white-space: normal;
  }

  .featured-service-text {
    border-radius: 8px;
  }

  .featured-service {
    border: 4px solid rgba(135, 135, 135, .236);
  }

  .featured-service::after {
    background-color: rgba(35, 35, 35, .135);
    backdrop-filter: blur(1px);
    display: flex;
    font-size: 12px;
    line-height: 1.75;
    padding: 4px 0 0 0;
    text-align: center;
  }
}

@media only screen and (max-width: 400px) {
    #mlb2-18323761.ml-form-embedContainer .ml-form-embedWrapper {
      background-color: transparent !important;
    }
}

@media only screen and (max-width: 350px) {
  div.featured-service:before {
    transform: translateX(-33px);
    width: 21px;
  }
}