@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap';
.sticky-nav {
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #fff;
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .sticky-nav {
    padding: 0;
  }
}
.sticky-nav .hamburger-menu {
  display: block;
  cursor: pointer;
  background-color: #fff;
  border: none;
}
@media screen and (min-width: 768px) {
  .sticky-nav .hamburger-menu {
    display: none;
  }
}
.sticky-nav .hamburger-menu .line {
  width: 25px;
  height: 2.5px;
  background-color: #131313;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sticky-nav .hamburger-menu.is-active {
  transform: rotate(-90deg);
}
.sticky-nav .hamburger-menu.is-active .line:nth-child(2) {
  transition: none;
  opacity: 0;
}
.sticky-nav .hamburger-menu.is-active .line:nth-child(1),
.sticky-nav .hamburger-menu.is-active .line:nth-child(3) {
  width: 20px;
  transform-origin: right;
}
.sticky-nav .hamburger-menu.is-active .line:nth-child(1):nth-child(1),
.sticky-nav .hamburger-menu.is-active .line:nth-child(3):nth-child(1) {
  transform: translateY(21px) rotate(45deg);
}
.sticky-nav .hamburger-menu.is-active .line:nth-child(1):nth-child(3),
.sticky-nav .hamburger-menu.is-active .line:nth-child(3):nth-child(3) {
  transform: translateY(-21px) rotate(-45deg);
}
.sticky-nav .hamburger-menu .line:nth-child(2) {
  transition-delay: 0.3s;
}
.sticky-nav .nav {
  display: none;
}
.sticky-nav .nav.open {
  display: block;
  border-bottom: 1px solid #8e8e8e;
}
@media screen and (min-width: 768px) {
  .sticky-nav .nav {
    display: flex;
    border-bottom: 2px solid #bfbfbf;
    padding-top: 0.8rem;
  }
  .sticky-nav .nav.open {
    display: flex;
  }
}
.sticky-nav .nav-item {
  padding-bottom: 0;
  margin-bottom: -2.5px;
}
.sticky-nav .nav-item .nav-link {
  color: #8e8e8e;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-bottom: 5px solid transparent;
  transition: border-color 0.3s ease;
  font-size: 1rem;
  line-height: 1.125rem;
}
.sticky-nav .nav-item .nav-link:focus {
  color: #8e8e8e;
}
@media screen and (min-width: 768px) {
  .sticky-nav .nav-item .nav-link:focus {
    border-bottom: 5px solid transparent;
  }
}
.sticky-nav .nav-underline .nav-link:hover,
.sticky-nav .nav-underline .nav-link.active {
  color: #131313;
}
@media screen and (min-width: 768px) {
  .sticky-nav .nav-underline .nav-link:hover,
  .sticky-nav .nav-underline .nav-link.active {
    border-bottom: 5px solid #7855fa !important;
  }
}
.nav-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.nav-pagination .nav-pagination-link {
  flex: 1;
  text-align: center;
  text-decoration: none;
  color: #131313;
}
.nav-pagination .nav-pagination-link:first-child {
  text-align: right;
  padding-right: 30px;
  position: relative;
}
.nav-pagination .nav-pagination-link:first-child:before {
  content: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2256%22%20viewBox%3D%220%200%2032%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M30%2054.2319L4%2028.2319L30%202.23193%22%20stroke%3D%22%237855FA%22%20stroke-width%3D%225%22%2F%3E%3C%2Fsvg%3E);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px) {
  .nav-pagination .nav-pagination-link:first-child:before {
    left: 40%;
  }
}
.nav-pagination .nav-pagination-link:last-child {
  text-align: left;
  padding-left: 30px;
  position: relative;
}
.nav-pagination .nav-pagination-link:last-child:before {
  content: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2256%22%20viewBox%3D%220%200%2032%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%202.23193L28%2028.2319L2%2054.2319%22%20stroke%3D%22%237855FA%22%20stroke-width%3D%225%22%2F%3E%3C%2Fsvg%3E);
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px) {
  .nav-pagination .nav-pagination-link:last-child:before {
    right: 40%;
  }
}
.nav-pagination .nav-pagination-link:empty {
  pointer-events: none;
}
.nav-pagination .nav-pagination-link:empty:before {
  content: none;
}
.nav-pagination .nav-pagination-link p {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3rem;
}
@media screen and (min-width: 768px) {
  .nav-pagination .nav-pagination-link p {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .nav-pagination .nav-pagination-link p {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.nav-pagination .nav-pagination-link span {
  display: none;
}
@media screen and (min-width: 768px) {
  .nav-pagination .nav-pagination-link span {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .nav-pagination .nav-pagination-link span {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400;
  }
}
.nav-pagination .line {
  width: 1px;
  height: 82px;
  background-color: #131313;
}
@media screen and (min-width: 992px) {
  .pl-3 {
    padding-left: 3rem;
  }
  .pl-6 {
    padding-left: 6rem;
  }
}
@media (min-width: 1400px) {
  #promo-2 .bg-small-headline {
    width: 70%;
  }
}
@media (max-width: 1400px) {
  #spotlight-2 #spotlight-2-figure:before {
    left: -95px !important;
  }
  #spotlight-2 #spotlight-2-figure:after {
    right: -95px !important;
  }
}
@media (min-width: 1201px) {
  .color-key {
    padding: 0 3rem;
  }
}
@media (max-width: 1200px) {
  .w-lg {
    width: fit-content !important;
  }
  #figure-4 .item {
    padding: 1rem;
  }
  #figure-4 .item .vertical-bar {
    padding: 0 0.5rem;
  }
}
@media (max-width: 991px) {
  br[d] {
    display: none;
  }
  #hero .social-logos-wrap .social-logos {
    max-width: 100%;
    padding: 2px;
  }
  #hero .hero-content {
    padding: 6rem 0 9rem;
  }
  #hero .hero-content h3 {
    font-size: 1.5rem;
  }
  #hero .hero-content h1 {
    font-size: 3rem;
  }
  #hero .hero-content h2 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .p-5 {
    padding: 2rem 1rem !important;
  }
  .w-60,
  .w-80 {
    width: 100% !important;
  }
  .figure-text {
    text-align: center;
  }
  #hero .row.d-flex.justify-content-between.align-items-center {
    align-items: flex-end !important;
  }
  #hero .hero-content h1 {
    font-size: 3rem;
  }
  #hero .hero-content h2 {
    font-size: 1.5rem;
  }
  #hero .hero-content h3 {
    font-size: 1.3rem;
  }
  footer {
    padding: 3rem 1rem !important;
  }
  footer .back-to-top-cta {
    text-align: center !important;
  }
  #social-logos {
    display: none;
  }
  #cloud-trends .circle-percent-chart {
    max-width: 350px;
    margin: 0 auto;
  }
  .col-md-5-split {
    width: 50% !important;
  }
  .bar-chart-wrap .bar--item p,
  #figure-7 .fig-7-row p {
    text-align: left !important;
  }
  #figure-8 .row .row:not(#figure-8 .row .row:first-child, #figure-9 .row .row:first-child),
  #figure-9 .row .row:not(#figure-8 .row .row:first-child, #figure-9 .row .row:first-child) {
    border-top: #eaeaea 1px solid;
  }
  #figure-8 .col-sm-4,
  #figure-9 .col-sm-4 {
    width: 33.333%;
  }
  #figure-8 .bar,
  #figure-9 .bar {
    height: 20px !important;
  }
  #figure-8 .bar span,
  #figure-9 .bar span {
    font-size: 0.8em !important;
    line-height: unset;
    right: -50px !important;
  }
  #figure-8 .col-sm-12 p,
  #figure-9 .col-sm-12 p {
    text-align: left !important;
    font-size: 0.9em !important;
    padding-top: 20px !important;
  }
  .percent-block .percent,
  .percent-block h2 {
    text-align: center !important;
  }
  #spotlight-1 {
    padding-top: 4rem !important;
  }
  #spotlight-1 .teal-rectangle,
  #spotlight-1 .purple-triangle {
    display: none;
  }
  .row.color-key {
    justify-content: center;
  }
  .row.color-key .key {
    margin-right: 1rem;
  }
  footer .back-to-top-cta {
    text-align: center;
    padding-top: 2rem;
  }
  footer .footer-left-wrap .footer-left-right .social-logos-wrap {
    padding-left: 2rem;
  }
  footer .footer-left-wrap .footer-left-right .social-logos-wrap div {
    padding: 0;
    max-width: 40px;
  }
  #promo-2 .bg-small-headline {
    width: 90%;
  }
}
@media (max-width: 575px) {
  #cloud-trends p {
    padding: 0 !important;
    margin-bottom: 50px !important;
  }
  .circle-percent-chart + p {
    margin-top: -30px !important;
  }
  .x-heading:before {
    width: 120px !important;
  }
  .pie {
    scale: 0.8;
  }
  #spotlight-1 .col-sm-6,
  #figure-7 .col-sm-6,
  #figure-10 .col-sm-6,
  #cloud-trends .col-sm-6 {
    width: 50%;
  }
}
@media (max-width: 430px) {
  .py-xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-xl {
    padding-top: 1rem !important;
  }
  footer .social-logos-wrap img {
    width: 40px;
  }
  footer #nutanix-logo {
    width: 115px;
  }
}
.pie {
  --p: 20;
  --b: 20px;
  --c: #6d40e6;
  --bg: color-mix(in srgb, var(--c) 10%, #ffffff00);
  --w: 170px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: flex;
  align-items: center;
  margin: 10px auto;
  place-content: center;
  font-size: 3em;
  font-weight: 700;
}
.pie.aos-animate {
  color: var(--c);
  animation: p 0.8s 0.5s both;
}
.pie.aos-animate:before {
  background: conic-gradient(var(--c) 0 calc(var(--p) * 1%), var(--bg) calc(var(--p) * 1%) 100%);
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(99% - var(--b)),
    #000 calc(100% - var(--b))
  );
}
.pie.aos-animate + p {
  text-align: center;
  width: 60%;
  margin: 0 auto 1rem;
}
.pie:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#figure-13-2 .pie {
  --w: 180px;
}
.purple-6 {
  --c: #4b00aa;
}
.purple-5 {
  --c: #612bd2;
}
.purple-3 {
  --c: #7855fa;
}
.purple-1 {
  --c: #ac9bfd;
}
.teal-4 {
  --c: #0092b0;
}
.teal-1 {
  --c: #17cadb;
}
.greylight {
  --c: #d7d7d7;
}
.pie2 {
  --p: 20;
  --b: 17px;
  --f: 34px;
  --w: 230px;
  box-sizing: border-box;
  width: var(--w);
  height: var(--w);
  position: relative;
  margin: auto;
}
.pie2 + p {
  font-size: 1rem;
  text-align: center;
  line-height: 1.4em !important;
}
.pie2 span {
  aspect-ratio: 1;
  position: absolute;
  display: inline-flex;
  font-size: var(--f);
  font-weight: 700;
  justify-content: center;
}
.pie2 span:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pie2 span:after {
  content: attr(data-aos) '%';
  color: var(--c);
  position: absolute;
}
.pie2 span.aos-animate {
  animation: p 0.8s 0s both;
}
.pie2 span.aos-animate:before {
  background: conic-gradient(
    var(--c) 0 calc(var(--p) * 1%),
    color-mix(in srgb, var(--c) 10%, rgba(255, 255, 255, 0)) calc(var(--p) * 1%) 100%
  );
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(99% - var(--b)),
    #000 calc(100% - var(--b))
  );
}
.pie2 span.aos-animate:after {
  opacity: 0.1;
  animation: opacitor 1s 0s both;
}
.pie2 span:first-child {
  width: var(--w);
  top: 0;
  left: 0;
  --c: #0092b0;
}
.pie2 span:first-child:after {
  top: calc(var(--w) / 2 - var(--f) * 1.2);
}
.pie2 span:nth-child(2) {
  --c: #4b00aa;
  width: calc(var(--w) - var(--b) * 2);
  top: var(--b);
  left: var(--b);
}
.pie2 span:nth-child(2).aos-animate {
  animation: p 0.8s 0.3s both;
}
.pie2 span:nth-child(2).aos-animate:after {
  animation: opacitor 1s 0.3s both;
}
.pie2 span:nth-child(2):after {
  top: calc((var(--w) - var(--f) - var(--b) * 0.1 - var(--f) / 4) / 2);
}
.pie3 {
  --p: 20;
  --b: 7px;
  --f: 18px;
  --w: 130px;
  box-sizing: border-box;
  width: var(--w);
  height: var(--w);
  position: relative;
  margin: auto;
}
.pie3 + p {
  font-size: 12px !important;
  text-align: center;
  line-height: 1.4em !important;
}
.pie3 span {
  aspect-ratio: 1;
  position: absolute;
  display: inline-flex;
  font-size: var(--f);
  font-weight: 700;
  justify-content: center;
}
.pie3 span:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pie3 span:after {
  content: attr(data-aos) '%';
  color: var(--c);
  position: absolute;
}
.pie3 span.aos-animate {
  animation: p 0.8s 0s both;
}
.pie3 span.aos-animate:before {
  background: conic-gradient(
    var(--c) 0 calc(var(--p) * 1%),
    color-mix(in srgb, var(--c) 10%, rgba(255, 255, 255, 0)) calc(var(--p) * 1%) 100%
  );
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(99% - var(--b)),
    #000 calc(100% - var(--b))
  );
}
.pie3 span.aos-animate:after {
  opacity: 0.1;
  animation: opacitor 1s 0s both;
}
.pie3 span:first-child {
  width: var(--w);
  top: 0;
  left: 0;
  --c: #6d40e6;
}
.pie3 span:first-child:after {
  top: calc(var(--w) / 2 - var(--f) * 1.7);
}
.pie3 span:nth-child(2) {
  --c: #ac9bfd;
  width: calc(var(--w) - var(--b) * 2);
  top: var(--b);
  left: var(--b);
}
.pie3 span:nth-child(2).aos-animate {
  animation: p 0.8s 0.3s both;
}
.pie3 span:nth-child(2).aos-animate:after {
  animation: opacitor 1s 0.3s both;
}
.pie3 span:nth-child(2):after {
  top: calc((var(--w) - var(--f) - var(--b) * 2 - var(--f) / 4) / 2);
}
.pie3 span:last-child {
  --c: #17cadb;
  width: calc(var(--w) - var(--b) * 4);
  top: calc(var(--b) * 2);
  left: calc(var(--b) * 2);
}
.pie3 span:last-child.aos-animate {
  animation: p 0.8s 0.6s both;
}
.pie3 span:last-child.aos-animate:after {
  animation: opacitor 1s 0.6s both;
}
.pie3 span:last-child:after {
  top: calc((var(--w) - var(--b) * 4) / 2 + var(--f) / 2);
}
.star {
  --b: 5px;
  --p: 18;
  --c: #ac9bfd;
  --c2: #9379fb;
  --w: 240px;
  --sl: 28px;
  --f: 50px;
  width: var(--w);
  height: calc(var(--w) + 30px);
  display: block;
  padding-top: calc(var(--w) / 2);
  box-sizing: border-box;
  transform: rotate(-9deg);
  margin: auto;
  overflow: hidden;
}
.star span {
  font-size: var(--f);
  font-weight: 700;
  color: var(--c);
  transform: rotate(9deg);
  position: absolute;
  width: var(--w);
  height: var(--w);
  margin-top: calc(var(--w) / 2 * -1);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.star i {
  width: var(--b);
  height: calc(var(--w) / 2);
  margin: 0 auto;
  display: block;
  position: relative;
  margin-top: calc(var(--w) / 2 * -1);
  transform-origin: 0px calc(var(--w) / 2);
  z-index: 0;
  opacity: 0;
}
.star i:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  height: var(--sl);
  width: var(--b);
  background: var(--c);
  background: var(--c2);
}
@keyframes i1 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(6deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(1) {
  animation: i1 1s ease-in-out both;
}
@keyframes i2 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(12deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(2) {
  animation: i2 1s ease-in-out both;
}
@keyframes i3 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(18deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(3) {
  animation: i3 1s ease-in-out both;
}
@keyframes i4 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(24deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(4) {
  animation: i4 1s ease-in-out both;
}
@keyframes i5 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(30deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(5) {
  animation: i5 1s ease-in-out both;
}
@keyframes i6 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(36deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(6) {
  animation: i6 1s ease-in-out both;
}
@keyframes i7 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(42deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(7) {
  animation: i7 1s ease-in-out both;
}
@keyframes i8 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(48deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(8) {
  animation: i8 1s ease-in-out both;
}
@keyframes i9 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(54deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(9) {
  animation: i9 1s ease-in-out both;
}
@keyframes i10 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(60deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(10) {
  animation: i10 1s ease-in-out both;
}
@keyframes i11 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(66deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(11) {
  animation: i11 1s ease-in-out both;
}
@keyframes i12 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(72deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(12) {
  animation: i12 1s ease-in-out both;
}
@keyframes i13 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(78deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(13) {
  animation: i13 1s ease-in-out both;
}
@keyframes i14 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(84deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(14) {
  animation: i14 1s ease-in-out both;
}
@keyframes i15 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(90deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(15) {
  animation: i15 1s ease-in-out both;
}
@keyframes i16 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(96deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(16) {
  animation: i16 1s ease-in-out both;
}
@keyframes i17 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(102deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(17) {
  animation: i17 1s ease-in-out both;
}
@keyframes i18 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(108deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(18) {
  animation: i18 1s ease-in-out both;
}
@keyframes i19 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(114deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(19) {
  animation: i19 1s ease-in-out both;
}
@keyframes i20 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(120deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(20) {
  animation: i20 1s ease-in-out both;
}
@keyframes i21 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(126deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(21) {
  animation: i21 1s ease-in-out both;
}
@keyframes i22 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(132deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(22) {
  animation: i22 1s ease-in-out both;
}
@keyframes i23 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(138deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(23) {
  animation: i23 1s ease-in-out both;
}
@keyframes i24 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(144deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(24) {
  animation: i24 1s ease-in-out both;
}
@keyframes i25 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(150deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(25) {
  animation: i25 1s ease-in-out both;
}
@keyframes i26 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(156deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(26) {
  animation: i26 1s ease-in-out both;
}
@keyframes i27 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(162deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(27) {
  animation: i27 1s ease-in-out both;
}
@keyframes i28 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(168deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(28) {
  animation: i28 1s ease-in-out both;
}
@keyframes i29 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(174deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(29) {
  animation: i29 1s ease-in-out both;
}
@keyframes i30 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(180deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(30) {
  animation: i30 1s ease-in-out both;
}
@keyframes i31 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(186deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(31) {
  animation: i31 1s ease-in-out both;
}
@keyframes i32 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(192deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(32) {
  animation: i32 1s ease-in-out both;
}
@keyframes i33 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(198deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(33) {
  animation: i33 1s ease-in-out both;
}
@keyframes i34 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(204deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(34) {
  animation: i34 1s ease-in-out both;
}
@keyframes i35 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(210deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(35) {
  animation: i35 1s ease-in-out both;
}
@keyframes i36 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(216deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(36) {
  animation: i36 1s ease-in-out both;
}
@keyframes i37 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(222deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(37) {
  animation: i37 1s ease-in-out both;
}
@keyframes i38 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(228deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(38) {
  animation: i38 1s ease-in-out both;
}
@keyframes i39 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(234deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(39) {
  animation: i39 1s ease-in-out both;
}
@keyframes i40 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(240deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(40) {
  animation: i40 1s ease-in-out both;
}
@keyframes i41 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(246deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(41) {
  animation: i41 1s ease-in-out both;
}
@keyframes i42 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(252deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(42) {
  animation: i42 1s ease-in-out both;
}
@keyframes i43 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(258deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(43) {
  animation: i43 1s ease-in-out both;
}
@keyframes i44 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(264deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(44) {
  animation: i44 1s ease-in-out both;
}
@keyframes i45 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(270deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(45) {
  animation: i45 1s ease-in-out both;
}
@keyframes i46 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(276deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(46) {
  animation: i46 1s ease-in-out both;
}
@keyframes i47 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(282deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(47) {
  animation: i47 1s ease-in-out both;
}
@keyframes i48 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(288deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(48) {
  animation: i48 1s ease-in-out both;
}
@keyframes i49 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(294deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(49) {
  animation: i49 1s ease-in-out both;
}
@keyframes i50 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(300deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(50) {
  animation: i50 1s ease-in-out both;
}
@keyframes i51 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(306deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(51) {
  animation: i51 1s ease-in-out both;
}
@keyframes i52 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(312deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(52) {
  animation: i52 1s ease-in-out both;
}
@keyframes i53 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(318deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(53) {
  animation: i53 1s ease-in-out both;
}
@keyframes i54 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(324deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(54) {
  animation: i54 1s ease-in-out both;
}
@keyframes i55 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(330deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(55) {
  animation: i55 1s ease-in-out both;
}
@keyframes i56 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(336deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(56) {
  animation: i56 1s ease-in-out both;
}
@keyframes i57 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(342deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(57) {
  animation: i57 1s ease-in-out both;
}
@keyframes i58 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(348deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(58) {
  animation: i58 1s ease-in-out both;
}
@keyframes i59 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(354deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(59) {
  animation: i59 1s ease-in-out both;
}
@keyframes i60 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(60) {
  animation: i60 1s ease-in-out both;
}
@keyframes i61 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(366deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(61) {
  animation: i61 1s ease-in-out both;
}
@keyframes i62 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(372deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(62) {
  animation: i62 1s ease-in-out both;
}
@keyframes i63 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(378deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(63) {
  animation: i63 1s ease-in-out both;
}
@keyframes i64 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(384deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(64) {
  animation: i64 1s ease-in-out both;
}
@keyframes i65 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(390deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(65) {
  animation: i65 1s ease-in-out both;
}
@keyframes i66 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(396deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(66) {
  animation: i66 1s ease-in-out both;
}
@keyframes i67 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(402deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(67) {
  animation: i67 1s ease-in-out both;
}
@keyframes i68 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(408deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(68) {
  animation: i68 1s ease-in-out both;
}
@keyframes i69 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(414deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(69) {
  animation: i69 1s ease-in-out both;
}
@keyframes i70 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(420deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(70) {
  animation: i70 1s ease-in-out both;
}
@keyframes i71 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(426deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(71) {
  animation: i71 1s ease-in-out both;
}
@keyframes i72 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(432deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(72) {
  animation: i72 1s ease-in-out both;
}
@keyframes i73 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(438deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(73) {
  animation: i73 1s ease-in-out both;
}
@keyframes i74 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(444deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(74) {
  animation: i74 1s ease-in-out both;
}
@keyframes i75 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(450deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(75) {
  animation: i75 1s ease-in-out both;
}
@keyframes i76 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(456deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(76) {
  animation: i76 1s ease-in-out both;
}
@keyframes i77 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(462deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(77) {
  animation: i77 1s ease-in-out both;
}
@keyframes i78 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(468deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(78) {
  animation: i78 1s ease-in-out both;
}
@keyframes i79 {
  20% {
    transform: rotate(0);
    opacity: 0;
  }
  to {
    transform: rotate(474deg);
    opacity: 1;
  }
}
.star.aos-animate i:nth-child(79) {
  animation: i79 1s ease-in-out both;
}
@property --p {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@keyframes p {
  0% {
    --p: 0;
  }
}
@keyframes opacitor {
  0% {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 100%;
  }
}
.research .accordion-button,
.research .accordion-body {
  background-color: #4b00aa;
  color: #fff;
}
.research .accordion-button:focus,
.research .accordion-body:focus {
  box-shadow: none;
}
.research .accordion-button {
  padding: 25px 15px;
}
@media screen and (min-width: 768px) {
  .research .accordion-button {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
.research .accordion-button:after {
  content: '+';
  background-image: none;
  width: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  .research .accordion-button:after {
    content: 'Expand +';
  }
}
.research .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.research .accordion-button:not(.collapsed):after {
  content: '-';
  transform: none;
}
@media screen and (min-width: 768px) {
  .research .accordion-button:not(.collapsed):after {
    content: 'Close -';
  }
}
.research .accordion-body p {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}
.research .accordion-body .small {
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin-bottom: 0.375rem;
  padding: 0;
}
footer {
  background-color: #131313;
  color: #fff;
}
footer .row {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  footer .row {
    flex-direction: row;
  }
}
footer .row .copyright_disclaimer,
footer .row .footer_buttons {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media screen and (min-width: 768px) {
  footer .row .copyright_disclaimer,
  footer .row .footer_buttons {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
}
footer .row .copyright_disclaimer a,
footer .row .footer_buttons a {
  text-decoration: none;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
footer #nutanix-logo {
  width: 150px;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  font-family: Montserrat, sans-serif;
}
.container {
  position: relative;
  z-index: 9;
}
strong {
  font-weight: 600;
}
a {
  text-decoration-color: #7855fa;
}
.col-7 {
  width: 62.33333333%;
}
.col-5 {
  width: 37.33333333%;
}
.col-md-5-split {
  width: 19.9999999%;
}
.w-md {
  max-width: 768px;
}
.w-lg {
  max-width: 1080px;
}
.w-auto {
  width: auto;
}
.w-80 {
  width: 80%;
}
.w-60 {
  width: 60%;
}
.ps-6 {
  padding-left: 6rem;
}
.pb-xl {
  padding-bottom: 6rem;
}
.pt-xl {
  padding-top: 6rem;
}
.py-xl {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
h2 {
  font-weight: 400;
}
h2.u {
  border-bottom: 3px solid #131313;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 20px;
}
h4 {
  font-size: 1.2rem;
  font-weight: 700;
}
p {
  padding-top: 1rem;
  line-height: 1.5rem;
  font-size: 1rem;
}
li {
  font-size: 1rem;
  line-height: 1.7rem;
  padding-bottom: 0.5rem;
}
li::marker {
  color: #7855fa;
  font-weight: 600;
}
.bg-lt-pink {
  background: #c6befe;
}
.bg-blk {
  background: #131313;
}
.p-fill-0 {
  background: #c6befe;
}
.p-fill-1 {
  background: #ac9bfd;
  color: #ac9bfd;
}
.p-fill-2 {
  background: #9278fb;
  color: #9278fb;
}
.p-fill-3 {
  background: #7855fa;
  color: #7855fa;
}
.p-fill-4 {
  background: #6d40e6;
  color: #6d40e6;
}
.p-fill-5 {
  background: #612bd2;
  color: #612bd2;
}
.p-fill-6 {
  background: #4b00aa;
  color: #4b00aa;
}
.t-fill-0 {
  background: #1fdde9;
  color: #1fdde9;
}
.t-fill-1 {
  background: #17cadb;
  color: #17cadb;
}
.t-fill-2 {
  background: #11b7cc;
  color: #11b7cc;
}
.t-fill-3 {
  background: #08a5be;
  color: #08a5be;
}
.t-fill-4 {
  background: #0092b0;
  color: #0092b0;
}
.t-fill-5 {
  background: #44e4ef;
  color: #44e4ef;
}
.t-fill-6 {
  background: #000;
  color: #000;
}
.grey-fill {
  background: #e0e1ff;
}
.grey-light-fill {
  background: #d7d7d7;
}
.dark-grey-fill {
  background: #8e8e8e;
  color: #8e8e8e;
}
.black-fill {
  background: #131313;
}
.orange-fill {
  background: #ff9178;
  color: #ff9178;
}
.orange-fill-2 {
  background: #eb644b;
  color: #eb644b;
}
.white-fill {
  background-color: #fff;
}
.p-text-0 {
  color: #c6befe;
}
.p-text-1 {
  color: #ac9bfd;
}
.p-text-2 {
  color: #9278fb;
}
.p-text-3 {
  color: #7855fa;
}
.p-text-4 {
  color: #6d40e6;
}
.p-text-5 {
  color: #612bd2;
}
.p-text-6 {
  color: #4b00aa;
}
.t-text-0 {
  color: #1fdde9;
}
.t-text-1 {
  color: #17cadb;
}
.t-text-2 {
  color: #11b7cc;
}
.t-text-3 {
  color: #08a5be;
}
.t-text-4 {
  color: #0092b0;
}
.t-text-5 {
  color: #44e4ef;
}
.t-text-6 {
  color: #000;
}
.grey-text,
.darkgrey-text {
  color: #e0e1ff;
}
.orange-text {
  color: #ff9178;
}
.orange-2-text {
  color: #eb644b;
}
.text-black {
  color: #131313;
}
.text-white {
  color: #fff;
}
em,
.hl {
  color: #7855fa;
  font-weight: 700;
  font-style: normal;
}
#hero {
  padding: 2rem;
  background: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/bg-hero-banner.png);
  background-position: bottom;
  background-size: cover;
}
#hero #nutanix-logo {
  max-width: 150px;
}
#hero #vb-logo {
  max-width: 170px;
}
#hero .social-logos-wrap {
  border-top: 1px solid #fff;
  width: 70%;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #hero .social-logos-wrap {
    width: 60%;
  }
}
#hero .social-logos-wrap .social-logos {
  max-width: 70px;
}
#figure-4 {
  padding: 0 3rem;
}
#figure-4 .item {
  max-width: 50%;
}
#figure-4 .item .vertical-bar {
  max-width: 100px;
  margin: 0 auto;
}
.percent-block {
  position: relative;
  margin-bottom: 0;
}
.percent-block .container {
  padding-top: 6em;
  padding-bottom: 6em;
  position: relative;
  z-index: 9;
}
.percent-block .row {
  align-items: center;
}
.percent-block .percent {
  font-size: 7.5rem;
  line-height: 6.5625rem;
  font-weight: 800;
  text-align: right;
}
.percent-block h2 {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.125rem;
  position: relative;
  z-index: 9;
}
.percent-block.bg-blk {
  color: #fff;
}
.percent-block.bg-blk:after {
  border-top: 60px solid #131313;
}
.percent-block.p-fill-3 {
  color: #fff;
}
.percent-block.t-fill-5 {
  color: #131313;
}
.percent-block.t-fill-4 {
  color: #fff;
}
#enterprise-percent-block {
  background: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/percent-bg-1.png);
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #enterprise-percent-block {
    background-position: right;
  }
}
#enterprise-percent-block h2.percent {
  color: #0092b0;
}
.add-triangle-right:after {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-percent-section.svg);
  width: 190px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .add-triangle-right:after {
    display: none;
  }
}
.add-large-triangle-left:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 350px 350px 350px 0;
  border-color: transparent transparent #17cadb transparent;
}
@media screen and (max-width: 1200px) {
  .add-large-triangle-left:before {
    border-width: 150px 150px 150px 0;
  }
}
@media screen and (max-width: 767px) {
  .add-large-triangle-left:before {
    display: none;
  }
}
.add-triangle-left:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-percent-section-2.svg);
  width: 204px;
  height: 278px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .add-triangle-left:before {
    display: none;
  }
}
.add-triangle-blue-black-left .peal {
  color: #b2f8ff;
}
.add-triangle-blue-black-left:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-black-blue.svg);
  width: 204px;
  height: 265px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .add-triangle-blue-black-left:before {
    display: none;
  }
}
.add-triangle-figure-left {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1400px) {
  .add-triangle-figure-left {
    overflow: visible;
  }
}
.add-triangle-figure-left:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-figure-13-2.svg);
  width: 180px;
  height: 100%;
  position: absolute;
  right: -77px;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
.add-triangle-up:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-spotlight.svg);
  width: 204px;
  height: 278px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .add-triangle-up:before {
    display: none;
  }
}
.add-triangle-bottom:after {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-purple-1.svg);
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
.add-triangle-left-bottom {
  position: relative;
}
.add-triangle-left-bottom:after {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-left-purple.svg);
  width: 188px;
  height: 188px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .add-triangle-left-bottom:after {
    display: none;
  }
}
.add-triangle-cluster-right:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-cluster-right.svg);
  position: absolute;
  right: 0;
  bottom: -7px;
}
@media screen and (max-width: 767px) {
  .add-triangle-cluster-right:after {
    display: none;
  }
}
.add-triangle-cluster-left-bottom:before {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-cluster-left-bottom-2.svg);
  position: absolute;
  left: 0;
  bottom: -7px;
}
@media screen and (max-width: 767px) {
  .add-triangle-cluster-left-bottom:before {
    display: none;
  }
}
.add-purple-triangle-top-right:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-purple-top-right.svg);
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .add-purple-triangle-top-right:after {
    display: none;
  }
}
.large-percent-stat {
  padding: 5rem 3rem;
}
.percent-heading-txt h2 {
  font-size: 1.5rem !important;
}
.hero-content {
  text-align: left;
  padding: 6rem 0 12rem;
  color: #fff;
}
.hero-content h1 {
  font-weight: 800;
  font-size: 4rem;
}
.hero-content h2 {
  font-weight: 500;
  font-size: 2rem;
  padding-top: 1rem;
}
.hero-content h3 {
  font-weight: 500;
  font-size: 1.8rem;
}
#cloud-trends {
  background: #2c2c2c;
  position: relative;
  color: #fff;
  text-align: center;
}
#cloud-trends:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/cloud-trends-triangle-header.svg);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #cloud-trends:after {
    display: none;
  }
}
#cloud-trends h2 {
  font-weight: 700;
}
#cloud-trends p {
  max-width: 800px;
  margin: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
#cloud-trends .circle-percent-chart {
  padding: 1rem;
  text-align: center;
}
#cloud-trends .circle-percent-chart + p {
  text-align: center;
}
#cloud-trends .circle-percent-chart svg,
#cloud-trends .circle-percent-chart img {
  width: 75%;
}
.x-heading {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 50px;
  padding-top: 45px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.1875rem;
}
.x-heading:has(.number) {
  padding-left: 50px;
}
.x-heading:before {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/heading-graphic.svg);
  position: absolute;
  height: 140px;
  width: 140px;
  top: 0;
  left: 0;
}
.x-heading .number {
  font-size: 3.5rem;
  padding-right: 40px;
}
#key-findings .key-findings-heading {
  color: #7855fa;
  font-weight: 600;
  font-size: 1.4rem;
  position: relative;
}
#key-findings .key-findings-heading span {
  position: absolute;
  left: -30px;
}
@media screen and (max-width: 575px) {
  #key-findings .key-findings-heading-wrap {
    padding-left: 3rem;
  }
}
.border-wrap {
  border: 1px solid #8e8e8e;
}
.subheading {
  position: relative;
  font-size: 1.2rem;
  font-weight: 600;
  background: #7855fa;
  color: #fff;
  padding: 10px;
}
@media screen and (min-width: 992px) {
  .subheading {
    font-size: 1.4rem;
    padding-left: 2rem;
    padding-right: 5rem;
  }
}
.subheading span {
  position: relative;
  z-index: 9;
}
.subheading:after {
  content: url(https://nutanix.com/content/dam/nutanix/global/static-pages/eci/small-triangle-header.svg);
  position: absolute;
  top: -1px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .subheading:after {
    display: none;
  }
}
.graph {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  text-align: center;
  font-weight: 800;
}
.graph .bar {
  width: 90%;
}
.color-key {
  flex-direction: row;
  justify-content: flex-start;
}
.key {
  display: flex;
  flex-direction: row;
  width: auto;
  margin-right: 3rem;
  align-items: center;
}
.color {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.bar-chart {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1rem;
  padding-right: 15px;
}
.bar-chart p {
  text-align: right !important;
  padding-top: 0;
  margin-bottom: 0;
}
.bar-chart .bar {
  height: 24px;
  position: relative;
}
.bar-chart .bar span {
  top: 0;
  position: absolute;
  right: -100px;
  font-size: 2rem;
  margin: 0 1rem;
  font-weight: 700;
  line-height: 28px;
}
.spotlight-heading h2 {
  font-weight: 600;
}
.spotlight-subheading {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding-right: 2rem;
}
@media screen and (max-width: 992px) {
  .spotlight-subheading {
    padding-left: 2rem;
  }
}
.arrow-down {
  z-index: 9;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -100px;
  left: 7%;
  transform: translate(-50%);
}
#spotlight-1 {
  position: relative;
  margin: 2rem 0;
}
#spotlight-1 .spotlight-heading {
  background: #2c2c2c;
  color: #fff;
  padding: 3.5rem;
  position: relative;
}
#spotlight-1 .spotlight-heading:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/spotlight-black-triangle.svg);
  position: absolute;
  bottom: -100px;
  left: -178px;
  width: 200px;
  height: 200px;
  z-index: 2;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #spotlight-1 .spotlight-heading:before {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  #spotlight-1 .spotlight-heading:before {
    left: -118px;
  }
}
@media screen and (min-width: 1400px) {
  #spotlight-1 .spotlight-heading:before {
    left: -85px;
  }
}
@media screen and (min-width: 1460px) {
  #spotlight-1 .spotlight-heading:before {
    left: -85px;
  }
}
@media screen and (min-width: 1700px) {
  #spotlight-1 .spotlight-heading:before {
    left: 0;
  }
}
#spotlight-1 .spotlight-heading .arrow-down {
  border-top: 60px solid #2c2c2c;
  border-left: 60px solid rgba(0, 0, 0, 0);
  border-right: 60px solid rgba(0, 0, 0, 0);
}
#spotlight-1 .spotlight-content {
  background: #d7d7d7;
  padding-top: 2rem;
  padding-bottom: 5rem;
}
#spotlight-1 .container {
  position: relative;
  z-index: 1;
}
#spotlight-1 .teal-rectangle {
  position: absolute;
  top: 10%;
  right: -33%;
  width: 1000px;
  height: 150px;
  background-color: #44e4ef;
  transform: rotate(45deg);
  z-index: 0;
}
#spotlight-1 .purple-triangle {
  position: absolute;
  bottom: -5%;
  left: -25%;
  width: 0;
  height: 0;
  transform: rotate(45deg);
  border-left: 250px solid transparent;
  border-right: 250px solid transparent;
  border-top: 250px solid #c6befe;
}
#spotlight-1 .circle-percent-chart {
  padding: 1rem 3rem 0.5rem;
}
#spotlight-2 {
  position: relative;
  margin: 2rem 0;
}
#spotlight-2 .spotlight-heading {
  background: #ac9bfd;
  color: #131313;
  padding: 3.5rem;
}
#spotlight-2 .spotlight-heading:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-teal.svg);
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
  height: 95px;
  z-index: 2;
  background-repeat: no-repeat;
}
#spotlight-2 .spotlight-heading .arrow-down {
  border-top: 60px solid #ac9bfd;
  border-left: 60px solid rgba(0, 0, 0, 0);
  border-right: 60px solid rgba(0, 0, 0, 0);
}
#spotlight-2 .spotlight-content {
  background: #e0e1ff80;
  padding-top: 2rem;
  padding-bottom: 5rem;
}
#spotlight-2:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-cluster-bottom-right.svg);
  position: absolute;
  bottom: -7px;
  right: 0;
}
@media screen and (max-width: 767px) {
  #spotlight-2:after {
    display: none;
  }
}
#spotlight-2 #spotlight-2-figure {
  position: relative;
}
#spotlight-2 #spotlight-2-figure:before {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/spotlight-2-cluster-left.svg);
  position: absolute;
  left: -8%;
  top: 15%;
}
#spotlight-2 #spotlight-2-figure:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/spotlight-2-cluster-right.svg);
  position: absolute;
  right: -8%;
  bottom: 15%;
}
#spotlight-2 #spotlight-2-figure .color-key {
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  #spotlight-2 #spotlight-2-figure-2 .spotlight-2-color-key-heading {
    text-align: center;
    padding-top: 2rem;
  }
}
#spotlight-3 {
  position: relative;
  margin: 2rem 0;
}
#spotlight-3 .spotlight-heading {
  background: #69ebf4;
  color: #131313;
  padding: 3.5rem;
  position: relative;
}
#spotlight-3 .spotlight-content {
  background: #b2f8ff80;
  padding-top: 2rem;
  padding-bottom: 5rem;
}
#spotlight-3 .spotlight-content a {
  font-weight: 600;
}
#spotlight-3 .arrow-down {
  border-top: 60px solid #69ebf4;
  border-left: 60px solid rgba(0, 0, 0, 0);
  border-right: 60px solid rgba(0, 0, 0, 0);
}
#spotlight-3:after {
  content: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-cluster-left-bottom.svg);
  position: absolute;
  bottom: -7px;
  left: 0;
}
@media screen and (max-width: 767px) {
  #spotlight-3:after {
    display: none;
  }
}
#spotlight-3 #spotlight-3-figure .pie {
  --w: 220px;
}
.bar--item {
  align-items: center;
  padding-bottom: 0.5rem;
}
.bar--item p {
  text-align: right;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0;
}
.bar--item .bar {
  height: 30px;
}
#figure-14 .bar--item,
#figure-15 .bar--item,
#figure-17 .bar--item {
  padding-bottom: 2rem;
}
#figure-16 .bar--item,
#figure-18 .bar--item {
  align-items: baseline;
}
#figure-16 .bar--item p,
#figure-18 .bar--item p {
  text-align: left;
  max-width: 250px;
}
#figure-14 .bar--item .bar-chart .bar,
#figure-15 .bar--item .bar-chart .bar,
#figure-16 .bar--item .bar-chart .bar,
#figure-17 .bar--item .bar-chart .bar,
#figure-18 .bar--item .bar-chart .bar {
  height: 25px;
}
#figure-14 .bar--item .bar-chart span,
#figure-15 .bar--item .bar-chart span,
#figure-16 .bar--item .bar-chart span,
#figure-17 .bar--item .bar-chart span,
#figure-18 .bar--item .bar-chart span {
  font-size: 1.5rem;
  line-height: 1.625rem;
  right: -80px;
}
.vertical-bar {
  display: flex !important;
  justify-content: center;
}
#figure-4 .item {
  padding: 1rem;
}
#figure-4 .item div:has(p) {
  padding: 0 0.7rem;
}
#figure-4 .item div:has(p) p {
  font-size: 0.7rem !important;
  line-height: 1.1rem;
  text-align: center;
}
#figure-4 .item .vertical-bar {
  padding: 0 1rem;
  height: 180px;
}
#figure-4 .item .vertical-bar .graph {
  max-width: 100px;
}
#figure-11-a h3 {
  font-family: Montserrat;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  color: #000;
}
#figure-11-a .pie2 + p {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.375rem !important;
  text-align: center;
  color: #000;
  max-width: 202px;
  margin: auto;
}
#figure-11-a p {
  color: #000;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.375rem !important;
}
#figure-11-a .color-key {
  padding-bottom: 2rem;
}
#figure-12 .item {
  padding: 1rem;
}
#figure-12 .item div:has(p) {
  padding: 0 0.7rem;
}
#figure-12 .item div:has(p) p {
  font-size: 1rem !important;
  line-height: 1.125rem;
  text-align: center;
}
#figure-12 .item .vertical-bar {
  padding: 0 1rem;
  height: 180px;
}
#figure-12 .item .vertical-bar .graph {
  max-width: 100px;
}
#figure-12 .item .vertical-bar .numbers {
  font-size: 2rem;
  line-height: 1.375rem;
  margin-bottom: 1.375rem;
}
.figure-text p {
  line-height: 1.375rem;
}
.figure-text span {
  font-size: 0.875rem;
}
.percent-heading-txt h2 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: left;
}
.spotlight-4 {
  position: relative;
  background: #2c2c2c;
  color: #fff;
  padding: 3.5rem;
  text-align: center;
}
.spotlight-4 p {
  font-size: 2rem;
  line-height: 2.1875rem;
  font-weight: 600;
  max-width: 946px;
  margin: auto;
  text-align: left;
  position: relative;
}
.spotlight-4 .arrow-down {
  border-top: 60px solid #2c2c2c;
  border-left: 60px solid rgba(0, 0, 0, 0);
  border-right: 60px solid rgba(0, 0, 0, 0);
}
.chalange-spotlight {
  position: relative;
}
.chalange-spotlight:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-challenge.svg);
  width: 294px;
  height: 197px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-top: none !important;
}
@media screen and (max-width: 767px) {
  .chalange-spotlight:before {
    display: none;
  }
}
.chalange-spotlight h2 {
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 3.5rem;
}
@media screen and (min-width: 768px) {
  .chalange-spotlight h2 {
    line-height: 2.25rem;
  }
}
.chalange-spotlight p {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.125rem;
  position: relative;
}
.spotlight-genai {
  position: relative;
}
.spotlight-genai:before {
  content: '';
  background-image: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/triangle-genai.svg);
  width: 196px;
  height: 196px;
  position: absolute;
  right: 0;
  bottom: -98px;
  background-repeat: no-repeat;
  border-top: none !important;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .spotlight-genai:before {
    display: none;
  }
}
.spotlight-genai .container {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.spotlight-genai .container .col-sm-12 {
  position: relative;
}
.spotlight-genai .container h2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.1875rem;
  color: #131313;
  max-width: 942px;
}
@media screen and (min-width: 992px) {
  .spotlight-genai .container h2 {
    padding-left: 5rem;
  }
}
.spotlight-genai .container .arrow-down {
  border-top: 60px solid #17cadb;
  border-left: 60px solid rgba(0, 0, 0, 0);
  border-right: 60px solid rgba(0, 0, 0, 0);
  left: 14%;
}
@media screen and (min-width: 768px) {
  .spotlight-genai .container .arrow-down {
    left: 8%;
  }
}
.bar.aos-animate {
  flex-grow: var(--flex-grow, 1);
}
#figure-7 .fig-7-row {
  border-bottom: 1px solid #bebebe;
  padding: 1.5rem 0;
}
#figure-7 .fig-7-row .col-sm-6 .bar-chart {
  padding-bottom: 10px;
}
#figure-7 .fig-7-row .col-sm-6 .bar-chart:nth-child(1) .bar {
  background: #7855fa;
  color: #7855fa;
}
#figure-7 .fig-7-row .col-sm-6 .bar-chart:nth-child(2) .bar {
  background: #ac9bfd;
  color: #ac9bfd;
}
#figure-7 .fig-7-row .col-sm-6 .bar-chart:nth-child(3) .bar {
  background: #17cadb;
  color: #17cadb;
}
#figure-7 .fig-7-row.last {
  border: none !important;
}
#figure-7 .fig-7-row p {
  font-size: 0.8em;
  text-align: right;
}
#figure-6 .pie2 + p {
  margin-bottom: 2rem;
}
#figure-8 h3,
#figure-9 h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
#figure-8 .row,
#figure-9 .row {
  align-items: center;
}
#figure-8 .col-sm-12 p,
#figure-9 .col-sm-12 p {
  text-align: right;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.2em;
}
#figure-8 .col-sm-4,
#figure-9 .col-sm-4 {
  padding-bottom: 10px;
}
#figure-8 .col-sm-4:nth-child(2) .bar,
#figure-9 .col-sm-4:nth-child(2) .bar {
  background: #7855fa;
  color: #7855fa;
}
#figure-8 .col-sm-4:nth-child(3) .bar,
#figure-9 .col-sm-4:nth-child(3) .bar {
  background: #ac9bfd;
  color: #ac9bfd;
}
#figure-8 .col-sm-4:nth-child(4) .bar,
#figure-9 .col-sm-4:nth-child(4) .bar {
  background: #17cadb;
  color: #17cadb;
}
#figure-10 .row:nth-child(2) {
  justify-content: center;
}
#figure-10 p:not(.figure-text p):not(.color-key p) {
  line-height: 1.5em !important;
  font-size: 12px;
  margin: 20px 0;
}
#figure-11 .row:nth-child(1) {
  justify-content: center;
}
.dev-trends .spotlight-4 {
  background: #fff;
  color: #000;
}
#retrospective {
  background: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/bg-sm-1.jpg);
  background-size: cover;
}
.bg-small-headline {
  font-weight: 600;
  margin-top: 3rem;
}
#promo-2 {
  background: url(https://www.nutanix.com/content/dam/nutanix/global/static-pages/eci/promo-banner-background.png);
  background-size: cover;
  background-position: 50% 60%;
  color: #fff;
}
#promo-2 .bg-small-headline {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#promo-2 .promo-btn-wrap {
  text-align: center;
  margin: 3rem 0;
}
#promo-2 .promo-btn-wrap .promo-btn {
  padding: 1rem 3rem;
  border-radius: 30px;
  background: #fff;
  color: #131313;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 600;
}
.disclaimer-text {
  padding-top: 0;
}
.a2a_kit.a2a_kit_size_35.a2a_overlay_style.a2a_vertical_style {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  display: none;
}
.a2a_kit {
  display: none;
}