/* 5 Reasons Interactive Section */
.reasons-grid-items {
    position: relative;
    width: 100%;
    margin-top: 150rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1418rem;
}

.reasons-grid-items .reasons-background {
    display: flex;
    justify-content: flex-end;
}

.reasons-bg-image {
    max-width: 1418rem;
    margin: auto;
}

.reasons-icons {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.reason-icon {
    position: absolute;
    width: 250rem;
    height: 250rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 30rem;
}

.reason-icon.active {
    background: rgba(230, 0, 0, 0.01);
    box-shadow: 0 0 35.707rem 0 #E60000;
}

.reason-icon .icon-inner {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: 0 7rem 30rem rgba(0, 0, 0, 0.10);
    padding: 30rem;
}

.reason-icon.active .icon-inner {
    background: #e60000;
    transform: scale(1);
}

.reason-icon img {
    width: 120rem;
    height: 120rem;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reason-icon .icon-white {
    opacity: 0;
}

.reason-icon .icon-red {
    opacity: 1;
}

.reason-icon.active .icon-white {
    opacity: 1;
}

.reason-icon.active .icon-red {
    opacity: 0;
}

/* Icon positioning based on pentagon layout */
.reason-icon[data-reason="1"] {
    top: 25%;
    left: -1%;
}

.reason-icon[data-reason="2"] {
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
}

.reason-icon[data-reason="3"] {
    top: 25%;
    right: -1%;
}

.reason-icon[data-reason="4"] {
    bottom: 5%;
    right: 14%;
}

.reason-icon[data-reason="5"] {
    bottom: 5%;
    left: 14%;
}

.reason-icon.active[data-reason="2"] {
    transform: translateX(-50%) scale(1.1);
}

/* Reason Cards */
.reason-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 2;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
    width: 100%;
    max-width: 750rem;
}

.reason-card.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
}

.reason-card .card-content {
    border-radius: 20rem;
    padding: 40rem;
    min-height: 550rem;
    /* max-width: 750rem; */
    position: relative;
    box-shadow: 20rem 20rem 60rem 0 rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25rem;
}

.reason-card .card-close {
    position: absolute;
    width: 80rem;
    height: 80rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0rem;
    top: 10rem;
    right: 10rem;
    z-index: 10;
}

.reason-card .card-close img {
    width: 100%;
    height: 100%;
}

.about-us-line {
    gap: 10rem 30rem;
    flex-wrap: wrap;
    font-size: 156rem;
}

.about-us-title .text-part {
    color: inherit;
    opacity: .2;
}

.about-us-title .white-word {
    opacity: 1;
}

.leading-option-section {
    padding-top: 210rem;
}

.leading-option-section .leading-option-grid {
    padding-top: 80rem;
    padding-bottom: 80rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35rem;
}

.leading-option-section .leading-option-grid .leading-option-item {
    border-radius: 13rem;
    overflow: hidden;
}

.recognition-section .recognition-grid {
    padding-top: 100rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35rem;
}

.recognition-grid .recognition-item {
    background: #fff;
    border-radius: 17rem;
    padding: 45rem 30rem 45rem 60rem;
}

.recognition-item .recognistion-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.recognition-item .recognistion-wrapper .text-part {
    margin-bottom: 60rem;
}

.recognition-item .recognistion-wrapper .text-part h6 {
    margin-bottom: 40rem;
}

.recognition-item .recognistion-wrapper p {
    line-height: normal;
}

.recognition-item .recognistion-wrapper .logo-part {
    display: flex;
    justify-content: start;
    padding-top: 60rem;
    padding-bottom: 30rem;
    border-top: 2rem solid #E1E1E1;
}

.recognistion-wrapper .logo-part img {
    max-height: 138rem;
    width: auto;
    max-width: 100%;
}


.recognistion-wrapper .logo-part.logo-1 img {
    max-width: 368rem;
}

.recognistion-wrapper .logo-part.logo-2 img {
    max-width: 281rem;
}

.recognistion-wrapper .logo-part.logo-5 img {
    max-height: 96rem;
    width: 555rem;
}

.recognition-item .recognistion-wrapper .logo-part.logo-4 {
    padding-top: 50rem;
}

.recognition-item .recognistion-wrapper .logo-part.logo-2 {
    padding-top: 90rem;
}

.vf-campuses-worldwide-section .campuses-worldwide-section {
    margin-top: 100rem;
}

.campuses-worldwide-grid {
    margin-bottom: 100rem;
    display: flex;
    gap: 30rem;
}

.campuses-worldwide-grid .campuses-worldwide-item:last-of-type {
    flex: 1 0 0;
}

.campuses-worldwide-grid .campuses-worldwide-item:nth-child(1) {
    width: 382rem;
}

.campuses-worldwide-grid .campuses-worldwide-item:nth-child(2) {
    max-width: 490rem;
}

.campuses-worldwide-grid .campuses-worldwide-item:nth-child(3) {
    width: 356rem;
}

.campuses-worldwide-grid .campuses-worldwide-item {
    padding: 16rem 36rem 16rem 36rem;
    border-radius: 14rem;
    background: #F2F2F2;
}

.campuses-worldwide-grid .campuses-worldwide-item .text-wrapper {
    display: flex;
    align-items: center;
    gap: 20rem;
}

.campuses-worldwide-grid .campuses-worldwide-item .text-wrapper p {
    line-height: normal;
    text-wrap: balance;
}


.vf-custom-grey-background {
    background: #161616;
}

.vf-steps-section .section-heading h2 {
    max-width: 80%;
    line-height: normal;
}

.vf-steps-section .section-heading p {
    max-width: 90%;
}

.vf-steps-section .steps-grid {
    padding-top: 100rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 35rem;
}

.vf-steps-section .steps-grid .steps-grid-item {
    grid-column: span 12;
    border-radius: 14rem;
    background: #303336;
    display: flex;
    flex-direction: column;
}

.vf-steps-section .steps-grid .steps-grid-item .steps-grid-item-heading {
    display: flex;
    align-items: center;
    gap: 45rem;
    padding: 55rem 45rem;
    min-height: 270rem;
}

.vf-steps-section .counter {
    background: linear-gradient(90deg, #E60000 29.64%, #303336 100.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    text-align: center;
    font-size: 140rem;
}

.vf-steps-section .steps-grid .steps-grid-item .steps-grid-item-heading .text-wrap {
    display: flex;
    flex-direction: column;
    gap: 16rem;
    flex-grow: 1;
}

.vf-steps-section .steps-grid .steps-grid-item .steps-grid-item-heading .text-wrap p {
    color: rgba(245, 245, 245, 0.93);
    line-height: normal;
    max-width: 80%;
}

.vf-steps-section .steps-grid .steps-grid-item .steps-grid-item-content {
    padding: 55rem 0rem 10rem 0rem;
    background: #24272A;
    flex-grow: 1;
}

.steps-grid-item-content .content-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    height: 100%;
}

.steps-grid-item-content .content-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.steps-grid-item-content .grid-item-content {
    padding: 30rem 30rem 30rem 0rem;
    flex-grow: 1;
}

.steps-grid-item-content .grid-item-icons {
    display: flex;
    gap: 50rem;
    padding: 40rem 30rem 30rem 30rem;
    position: relative;
}

.steps-grid-item-content .grid-item-icons .icon img {
    max-width: 100%;
    width: auto;
    max-height: 62rem;
}

.steps-grid-item-content .grid-item-content ul li {
    font-size: 36rem;
    color: #fff;
}

.steps-grid-item-content .grid-item-content ul li::marker {
    color: #e60000;
}

.steps-grid-item-content .grid-item-content ul {
    list-style-position: outside;
    padding-left: 55rem;
}

.steps-grid-item-content .content-grid .content-grid-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 45rem;
}

.vf-steps-section .steps-grid .steps-grid-item.steps-grid-item-3 {
    grid-column: span 8;
}

.vf-steps-section .steps-grid .steps-grid-item.steps-grid-item-4 {
    grid-column: span 4;
}

.grid-item-icons::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="610" height="1" viewBox="0 0 610 1" fill="none"><path d="M0 0.5H610" stroke="url(%23paint0_linear_2403_599)"/><defs><linearGradient id="paint0_linear_2403_599" x1="2.84053e-07" y1="1.00001" x2="610" y2="1.00001" gradientUnits="userSpaceOnUse"><stop stop-color="%23303336"/><stop offset="0.5" stop-color="%235E6163"/><stop offset="1" stop-color="%23303336"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    width: 100%;
    height: 16rem;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.steps-grid-item-content .content-grid .content-grid-item+.content-grid-item::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="324" viewBox="0 0 1 324" fill="none"><path d="M0.5 324L0.500014 -8.50309e-06" stroke="url(%23paint0_linear_2566_605)"/><defs><linearGradient id="paint0_linear_2566_605" x1="1.00001" y1="2.18557e-08" x2="1" y2="324" gradientUnits="userSpaceOnUse"><stop stop-color="%235E6163"/><stop offset="1" stop-color="%23303336"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
    height: 100%;
    background-size: 100% 80%;
    background-repeat: no-repeat;
}

.vf-steps-section .steps-grid .steps-grid-item.steps-grid-item-3 .steps-grid-item-heading, .vf-steps-section .steps-grid .steps-grid-item.steps-grid-item-4 .steps-grid-item-heading {
    min-height: 170rem;
    padding-top: 0;
    padding-bottom: 0;
}

.cta-cards-section .vf-gartner-container.container {
    padding-top: 200rem;
    padding-bottom: 200rem;
}

.reasons-section {
    background: #f6f6f6;
}

.reasons-section h2 {
    line-height: normal;
}

.reasons-section .reason-items-wrapper {
    display: flex;
    margin-top: 80rem;
    gap: 40rem;
}

.reasons-section .reason-items-wrapper .reason-item {
    border-radius: 14rem;
    background: #FFF;
    padding: 70rem 35rem;
    box-shadow: 0 7rem 30rem 0 rgba(0, 0, 0, 0.10);
}


.reasons-grid .heading-wrap {
    position: relative;
    padding-left: 170rem;
}

.reasons-grid .heading-wrap .counter {
    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;
    line-height: 1;
    text-align: center;
    font-size: 400rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.reasons-grid-items .vf-gartner-countries-video-sec video {
    width: 100%;
}

.vf-gartner-section {
    overflow: hidden;
}

.check-list-content {
    margin-top: 52rem;
    display: flex;
    gap: 30rem;
}

.check-list-content span.text-item {
    border-radius: 9999px;
    background: linear-gradient(90deg, #E60000 0%, rgba(230, 0, 0, 0.04) 100%);
    display: flex;
    padding: 16rem 26rem 16rem 16rem;
    gap: 12rem;
    align-items: center;
}

.check-list-content span.text-item .icon {
    width: 64rem;
    height: 64rem;
}

.check-list-content span.text-item .icon svg {
    width: 100%;
    height: 100%;
}