a {
  text-decoration: none;
  color: inherit;
}

/* home page css start */

/* Why Vodafone Business for fixed connectivity css START*******************************/

/* Basic Setup */
.vf-gartner-points-section {
  position: relative;
}

video.vf-gartner-bg-pointsvideo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.mb-40 {
  margin-bottom: 40rem;
}

.vf-gartner-points-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 72vh;
}

.vf-gartner-point {
  position: absolute;
  width: 460rem;
  height: 460rem;
  background-color: #fff;
  color: #333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 80rem 5rem #E60000;
  animation: pulse 1.3s infinite ease-in-out;
  transition: opacity 0.3s ease, transform 0.4s ease;
  font-weight: bold;
  padding: 25rem;
  backdrop-filter: blur(64rem);
}

.vf-grad-text {
  background: linear-gradient(90deg, #E60000 -0.02%, rgba(230, 0, 0, 0.10) 100.12%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'vodafoneextra_bold', sans-serif;
  font-size: 400rem;
  font-style: normal;
  font-weight: 800;
  line-height: 320rem;
  margin-right: -55rem;
}

.vf-gartner-point.hidden {
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

#vf-gartner-point-scale {
  top: 22%;
  left: 5%;
}

div#vf-gartner-popup-cloud {
  left: 0 !important;
  top: unset !important;
  bottom: 15% !important;
}

div#vf-gartner-popup-scale {
  left: 0 !important;
  top: 22% !important;
}

div#vf-gartner-popup-experience {
  right: 0 !important;
  left: unset !important;
  top: 22% !important;
}

div#vf-gartner-popup-tailored {
  right: 0 !important;
  left: unset !important;
  top: unset !important;
  bottom: 15% !important;
}

div#vf-gartner-popup-secure {
  top: 45% !important;
  left: 33% !important;
}

#vf-gartner-point-experience {
  top: 22%;
  right: 5%;
}

#vf-gartner-point-secure {
  top: 45%;
  left: 38%;
}

#vf-gartner-point-cloud {
  bottom: 15%;
  left: 5%;
}

#vf-gartner-point-tailored {
  bottom: 15%;
  right: 5%;
}

/* The popups that appear */
.vf-gartner-popup {
  transform: scale(0);
  opacity: 0;
  transition: transform 0.4s ease-out, opacity 0.3s ease-out;
  position: absolute;
  width: 810rem;
  padding: 80rem;
  color: white;
  z-index: 100;
  text-align: left;
  transform-origin: center center;
  pointer-events: none;
  border-radius: 27.973rem;
  border: 0.999rem solid #E60000;
  background: linear-gradient(122deg, rgba(130, 0, 0, 0.60) 12.43%, #E60000 97.86%);
  box-shadow: 0 0 79.922rem 0 rgba(230, 0, 0, 0.60);
  backdrop-filter: blur(9.990234375rem);
}

.vf-gartner-popup.active {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.vf-gartner-popup h2 {
  margin-top: 0;
  margin-bottom: 20rem;
  color: #FFF;
  font-size: 54rem;
  font-family: 'vodafonebold', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
}

.vf-gartner-point-icon {
  width: 112rem;
  margin: 0 auto 33rem;
}

.vf-gartner-point-inner {
  padding: 40rem;
}

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

/* Pulse animation for the red glow on circles */
@keyframes pulse {
  0% {
    box-shadow: 0 0 90rem 10rem #e60000ee;
  }

  50% {
    box-shadow: 0 0 110rem 20rem #E60000;
  }

  100% {
    box-shadow: 0 0 90rem 10rem #e60000ee;
  }
}

/* Why Vodafone Business for fixed connectivity css END*******************************/



/* Our Global Fixed Network CSS START **********************************/

.vf-gartner-network-services-container {
  position: relative;
}

.vf-gartner-service-item-wrapper {
  position: relative;
  border-bottom: 1rem solid #444;
}

.vf-gartner-service-item-wrapper:first-child {

  border-top: 1rem solid #444;
}

.vf-gartner-service-item {
  padding: 100rem 0;
  transition: background-color 0.3s ease;
}

.vf-gartner-cards-section {
  background-color: #010101;
  background: linear-gradient(0deg, #000 4.92%, #141313 63.8%, #25282B 98.15%);
}

.vf-gartner-arrow-icon {
  transition: transform 0.3s ease;
  width: 90rem;
}

.vf-gartner-service-item:hover .vf-gartner-arrow-icon {
  transform: translateX(20rem);
}

.vf-gartner-image-container {
  overflow: hidden;
}

.vf-gartner-image-container img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
  object-fit: cover;
}

.vf-gartner-service-item:hover .vf-gartner-image-container img {
  transform: scale(1.1);
}

.vf-gartner-placeholder-image {
  width: 100%;
  padding-bottom: 66.66%;
  /* 3:2 aspect ratio */
  background-color: #ddd;
  border-radius: 8rem;
}

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

.vf-gartner-service-content {
  padding-right: 60rem;
}

.vf-gartner-service-item-wrapper:last-child {
  border-bottom: none;
}


/* Our Global Fixed Network CSS END **********************************/

/* marque tag start  ***********************************/
.vf-gartner-fixed-connectivity-section {
  padding: 100rem 0;
  position: relative;
  overflow: hidden;
}

/* --- Marquee Styling --- */
.vf-gartner-marque-section .vf-gartner-right-content {
  display: flex;
  justify-content: center;
  gap: 40rem;
  padding-left: 80rem;
}

.vf-gartner-marquee-column {
  flex: 1;
  position: relative;
}

/* The viewport for each marquee */
.vf-gartner-marquee-wrapper {
  height: 900rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

/* The individual scrolling boxes */
.vf-gartner-service-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 50rem;
  margin-bottom: 40rem;
  border-radius: 14rem;
  height: 235rem;
  line-height: 1.2em;
  font-size: 41rem;
  font-weight: 500;
  background: linear-gradient(320deg, #FF3535 22.71%, #A10000 93.77%);
  box-shadow: 0 4rem 15rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 198rem 7.875rem rgba(255, 0, 0, 0.15) inset;
  font-family: 'vodafone-medium', sans-serif;
  cursor: pointer;
}

/* Apply animations to their respective classes */
.vf-gartner-scroll-up {
  animation: scroll-up 25s linear infinite;
}

.vf-gartner-scroll-down {
  animation: scroll-down 25s linear infinite;
}

/* Pause animation on hover of the PARENT wrapper */
.vf-gartner-marquee-wrapper:hover .vf-gartner-marquee-inner {
  animation-play-state: paused;
}

.vf-gartner-left-content {
  padding-right: 60rem;
}

.vf-gartner-left-content.pr-70 {
  padding-right: 70rem;
}

/* Keyframe Definitions */
@keyframes scroll-up {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-50%);
  }

  /* Animate to half height for seamless loop */
}

@keyframes scroll-down {
  from {
    transform: translateY(-50%);
  }

  to {
    transform: translateY(0);
  }
}

.vf-gartner-marquee-wrapper:before {
  content: '';
  background: linear-gradient(180deg, #FFF 5.47%, rgba(255, 255, 255, 0.00) 65.4%);
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 70%;
}

.vf-gartner-marquee-wrapper::after {
  content: '';
  background: linear-gradient(360deg, #FFF 8.47%, rgb(255 255 255 / 2%) 65.4%);
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 32%;
  bottom: 0;
}

/* marque tag end  ***********************************/

/*====================================== HOME PAGE CSS END ==============================================*/

.vf-gartner-section.vf-gartner-lead-section.unified-lead.bg-grey-new {
  background: var(--Background-Grey, rgba(245, 245, 245, 0.93));
}

.unified-lead.vf-gartner-lead-section .vf-gartner-img.mt-95 {
  margin-top: 35rem;
  width: 332rem;
}

.vf-gartner-points-container.new-points-container {}

.vf-gartner-points-container.new-points-container .vf-gartner-point .vf-gartner-point-inner {
  text-align: center;
}

.vf-gartner-points-container.new-points-container .vf-gartner-point .vf-gartner-point-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -50rem;
}

.vf-gartner-points-container.new-points-container .vf-gartner-point .vf-gartner-point-inner .vf-gartner-point-icon {
  width: 112rem;
  margin-bottom: 16rem;
}

.vf-gartner-points-container.new-points-container .vf-gartner-popup {
  width: 715rem;
  padding: 65rem;
}

.vf-gartner-section.vf-gartner-points-section.reasons-sec.connect-unified {
  background: #000;
}

.vf-gartner-section.vf-gartner-points-section.reasons-sec.connect-unified video.vf-gartner-bg-pointsvideo {
  z-index: 0;
}

.vf-gartner-cards-section.ucc-cards-section {
  background: linear-gradient(180deg, #000 6.76%, #141313 65.64%);
}

.vf-gartner-cards-section.ucc-cards-section .container.vf-gartner-container {
  padding-top: 80rem;
}

.vf-gartner-cards-section.ucc-cards-section .container.vf-gartner-container .vf-gartner-service-item-wrapper:first-child {
  border-top: none;
}

.vf-gartner-service-box {
  flex-direction: column;
  height: 287rem;
  font-size: 46rem;
  line-height: normal;
  padding: 50rem 38rem;
  gap: 20rem;
}

.vf-gartner-service-box span {
  font-size: 40rem;
}