.recognition-section .section-heading {
  text-align: center;
  margin-bottom: 60rem;
}

.recognition-section .section-heading h2 {
  margin: 0;
  line-height: 1.2;
}

.connectivity-video-container {
  margin: 30rem 0;
  height: 159rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1898rem;
}

.connectivity-text-video {
  height: 100%;
  width: auto;
}

.vf-gartner-awards-container {
  display: flex;
  justify-content: space-between;
  gap: 40rem;
  margin-top: 60rem;
}

.vf-gartner-award-card {
  background-color: #fff;
  border-radius: 20rem;
  padding: 60rem 45rem 60rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vf-gartner-award-card h3 {
  margin-bottom: 25rem;
}

.vf-gartner-award-card p {
  flex-grow: 1;
  margin-bottom: 40rem;
}

.vf-gartner-award-card hr {
  border: none;
  height: 2rem;
  background-color: #E1E1E1;
  margin: 40rem 0;
}

.vf-gartner-award-card img {
  max-width: 100%;
  min-height: 136rem;
  align-self: flex-start;
}

.vf-gartner-img1 {
  width: 368rem;
  height: auto;
}

.vf-gartner-img2 {
  width: 495rem;
  height: auto;
}

.vf-gartner-img3 {
  width: 524rem;
  height: auto;
}

.recognition-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30rem;
  margin-top: 60rem;
}

.recognition-item {
  background: #FFFFFF;
  border-radius: 20rem;
  padding: 40rem;
}

.recognistion-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.text-part {
  flex-grow: 1;
  margin-bottom: 30rem;
}

.text-part h6 {
  color: #E60000;
  margin-bottom: 15rem;
}

.text-part p {
  color: #1D1D1B;
  line-height: 1.4;
}

.logo-part {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60rem;
}

.logo-part img {
  max-height: 100%;
  width: auto;
}

/* Intelligent, reliable and secure connectivity  section css START ***************************/
.vf-gartner-icon-box {
  display: flex;
  gap: 30rem;
  align-items: center;
  padding-bottom: 80rem;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s ease-out;
}

.vf-gartner-icon {
  width: 124rem;
  height: 124rem;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vf-gartner-icon-box .vf-gartner-content {
  width: 70%;
  background: none;
}

.vf-gartner-right-div .vf-gartner-icon-box {
  flex-direction: row-reverse;
  text-align: left;
  justify-content: flex-end;
}

.vf-gartner-intelligent-mid-content {
  padding-top: 200rem;
  padding-bottom: 200rem;
}

.vf-gartner-left-div .vf-gartner-icon-box {
  justify-content: flex-end;
}

.vf-gartner-left-div .vf-gartner-content {
  text-align: end;
}

.vf-gartner-icon-box.vf-gartner-icon-box1 {
  margin-right: -20rem;
  margin-top: -120rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box2 {
  margin-right: 160rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box3 {
  margin-right: 160rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box4 {
  margin-right: 80rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box5 {
  margin-left: 60rem;
  margin-top: -120rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box6 {
  margin-left: 140rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box7 {
  margin-left: 140rem;
}

.vf-gartner-icon-box.vf-gartner-icon-box8 {
  margin-left: 60rem;
}

/* 2. Define the INITIAL ("before animation") state */
.vf-gartner-left-div .vf-gartner-icon-box {
  opacity: 0;
  transform: translateX(-50rem);
}

.vf-gartner-right-div .vf-gartner-icon-box {
  opacity: 0;
  transform: translateX(50rem);
}

/* 3. Define the FINAL ("after animation") state with a helper class */
.vf-gartner-icon-box.is-visible {
  opacity: 1;
  transform: translateX(0);
}

.vf-gartner-usecase-cta {
  display: flex;
  align-items: center;
  padding: 40rem 115rem;
  border-radius: 120rem;
  background: rgba(37, 40, 43, 0.40);
  gap: 60rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.vf-gartner-usecase-cta-icon {
  width: 100rem;
}

.vf-gartner-usecase-cta-icon svg {
  width: 100%;
  height: auto;
}

.vf-gartner-intelligent-section {
  position: relative;
}

.vf-gartner-intelligent-end-content {
  padding-top: 60rem;
}

video.vf-gartner-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
}

a.vf-gartner-usecase-cta:hover .vf-gartner-usecase-cta-icon {
  transform: translateX(15rem);
  transition: all 0.3s ease-in-out;
}

.vf-gartner-head-content {
  margin-bottom: 150rem;
}

.vf-gartner-middle-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

.vf-gartner-middle-div h3 {
  padding-bottom: 50rem;
}

.vf-gartner-bottom-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 240rem;
  position: absolute;
  opacity: 0;
  transform: translateY(50rem);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s ease-out;
}

.vf-gartner-bottom-stat p {
  padding-top: 20rem;
}

.vf-gartner-bottom-stat.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.vf-gartner-bottom-stat .vf-gartner-icon {
  width: 112rem;
  height: 112rem;
  padding-bottom: 20rem;
  margin-right: 20rem;
}

.vf-gartner-bottom-stat .vf-gartner-icon img {
  width: 56rem;
}

/* Ambition section css START */
.vf-ambition-diagram {
  text-align: center;
  padding: 100rem 0 80rem 0;
}

.vf-business-support-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60rem;
  padding: 0 100rem;
}

.vf-business-support-item {
  text-align: center;
  padding: 0 60rem;
  position: relative;
}

.vf-business-support-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 100%;
  background-color: #ccc;
}

.vf-support-icon {
  margin-bottom: 30rem;
  height: 80rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vf-support-icon img {
  height: 100%;
  width: auto;
}

/* Ambition section css END */

/* Introducing Platform section css START */
.introducing-sticky-wrapper {
  position: relative;
}

.vf-introducing-platform-section {
  background: radial-gradient(circle at 50% 88%, #e60000 0%, #820000 100%);
  color: #fff;
  position: sticky;
  top: 0;
  /* min-height: 84vh; */
  display: flex;
  align-items: center;
  z-index: 1;
}

.introducing-heading {
  text-align: center;
  margin-bottom: 40rem;
}

.introducing-heading img {
  margin-bottom: 20rem;
}

.vf-introducing-platform-section p {
  max-width: 95%;
  margin: 0 auto 160rem;
}

.platform-grid {
  display: flex;
  gap: 60rem;
  align-items: flex-start;
}

.platform-image {
  flex: 1;
  position: sticky;
  top: 200rem;
}

.platform-image img {
  width: 100%;
  padding-top: 160rem;
}

.platform-features {
  flex: 1;
}

.platform-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.platform-features-list li {
  font-size: 46rem;
  line-height: 1.5;
  padding-left: 80rem;
  position: relative;
  margin-bottom: 40rem;
}

.platform-features-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15rem;
  width: 62rem;
  height: 62rem;
  background-image: url('../images/managed-iot-connectivity/white-tick.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.intro-video-container {
  margin-bottom: 40rem;
  height: 230rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2160rem;
}

.vf-accordion-grid .vf-text-54 {
  font-size: 54rem;
  line-height: 1.2em;
  padding-right: 7%;
}

/* Introducing Platform section css END */
.vf-gartner-awards-container {
  display: flex;
  justify-content: space-between;
  gap: 40rem;
  margin-top: 20rem;
}

.pb-75 {
  padding-bottom: 75rem;
}

.platform-main-content {
  position: relative;
}

.platform-main-content .text-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  position: relative;
}

.platform-main-content .image-wrap {
  position: absolute;
  top: 40rem;
  width: 100%;
  z-index: 0;
}

.platform-main-content .image-wrap img {
  max-width: 1030rem;
  margin: auto;
  display: block;
}

.platform-main-content .text-grid p {
  margin: 0 0 58rem;
  line-height: normal;
}

.platform-main-content .text-grid p:last-of-type {
  margin: 0;
}

.platform-main-content .text-grid .text-grid-left p {
  max-width: 440rem;
}

.platform-main-content .text-grid .text-grid-center p {
  max-width: 550rem;
  text-align: center;
  margin: auto;
}

.platform-main-content .text-grid .text-grid-right p {
  max-width: 455rem;
  margin-left: auto;
}

.platform-main-content .text-grid .text-grid-right p:nth-child(3) {
  margin-bottom: 15rem;
}