.vf-text-200 {
    font-size: 200rem;
}

.vf-top-banner .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;
    font-size: 400rem;
    position: absolute;
    left: 0;
    line-height: 1;
    top: 180rem;
    z-index: 0;
}

.vf-top-banner h2 {
    position: relative;
    z-index: 1;
    padding-left: 130rem;
    line-height: normal;
}

.vf-text-128 {
    font-size: 128rem;
}

.vf-text-180 {
    font-size: 180rem;
    line-height: normal;
}

.vf-why-vodafone-business-section .map-and-grid-section {
    margin-top: 250rem;
    padding-top: 250rem;
    border-top: 1rem solid rgb(193 199 207 / 38%);
}


.vf-gartner-section.dlm-value-for-your-business-section {
    background: linear-gradient(129deg, #820000 19.04%, #E60000 100%);
}

.map-and-grid-section .grid-items {
    display: grid;
    grid-template-columns: repeat(42, 1fr);
    gap: 40rem;
}

.map-and-grid-section .grid-item {
    border-radius: 12.721rem;
    background: linear-gradient(320deg, rgba(255, 53, 53, 0.40) 22.71%, rgba(161, 0, 0, 0.40) 93.77%);
    box-shadow: 0 0 179.908rem 7.155rem rgba(255, 0, 0, 0.15) inset;
    padding: 45rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.benefit-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.benefit-icon img {
    width: 170rem;
    height: 170rem;
}

/* Row 1 - Two equal cards (21 + 21 = 42) */
.map-and-grid-section .grid-item-1,
.map-and-grid-section .grid-item-2 {
    grid-column: span 21;
}

/* Row 2 - Three equal cards (14 + 14 + 14 = 42) */
.map-and-grid-section .grid-item-3,
.map-and-grid-section .grid-item-4,
.map-and-grid-section .grid-item-5 {
    grid-column: span 14;
}

/* Row 3 - Two cards (24 + 18 = 42) */
.map-and-grid-section .grid-item-6 {
    grid-column: span 24;
}

.map-and-grid-section .grid-item-7 {
    grid-column: span 18;
}

.vf-why-vodafone-business-section .map-and-grid-section .map-container {
    background: #e60000;
    padding: 65rem 50rem;
    border-radius: 12rem;
    box-shadow: 0 0 179rem 7rem rgba(255, 0, 0, 0.15) inset;
    margin: 40rem 0;
}

.map-and-grid-section .grid-item .grid-item-content {
    display: flex;
    align-items: center;
    gap: 45rem;
}

.map-and-grid-section .grid-item-3 .grid-item-content, .map-and-grid-section .grid-item-4 .grid-item-content, .map-and-grid-section .grid-item-5 .grid-item-content {
    flex-direction: column;
    align-items: start;
}

.map-and-grid-section .grid-item-3 .grid-item-content .benefit-icon img, .map-and-grid-section .grid-item-4 .grid-item-content .benefit-icon img, .map-and-grid-section .grid-item-5 .grid-item-content .benefit-icon img {
    width: 220rem;
    height: 220rem;
}

/* ****************** Outcome driven enterprise solutions section ****************** */

.building-section-wrapper .building-section {
    position: relative;
}

.building-section-wrapper .building-section .building-text {
    position: absolute;
    max-width: 975rem;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 59rem;
    padding-top: 283rem;
}

.building-section-wrapper .building-section .building-text p {
    line-height: normal;
}

.vf-text-150 {
    font-size: 150rem;
    line-height: normal;
}

.recognition-section {
    background: #333;
}

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

.recognition-grid .recognition-item {
    background: #fff;
    border-radius: 17rem;
    padding: 45rem 30rem 0rem 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-bottom: 0;
    border-top: 2rem solid #E1E1E1;
    height: 235rem;
    align-items: center;
}

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

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

.recognistion-wrapper .logo-part.logo-4 img, .recognistion-wrapper .logo-part.logo-5 img {
    max-width: 284rem;
}

.recognistion-wrapper .logo-part.logo-6 img {
    max-width: 427rem;
}

.recognistion-wrapper .logo-part.logo-7 img {
    max-height: 83rem;
}

.recognistion-wrapper .logo-part.logo-8 img, .recognistion-wrapper .logo-part.logo-9 img {
    max-height: 112rem;
}

.recognistion-wrapper .logo-part.logo-10 img {
    max-height: 79rem;
}

.recognistion-wrapper .logo-part.logo-11 img {
    max-height: 76rem;
}

.recognistion-wrapper .logo-part.logo-12 img {
    max-height: 106rem;
}

.recognition-item .recognistion-wrapper strong {
    display: block;
    margin-top: 20rem;
}

/* ****************** Dedicated customer management & service model section ****************** */

.dedicated-customer-page .section-heading {
    max-width: 90%;
    margin: auto;
}

.dedicated-customer-page .dedicated-customer-management-wrapper {
    padding-top: 200rem;
    margin-top: 200rem;
    border-top: 1rem solid rgb(193 199 207 / 38%);
}


/* ****************** Access to partner ecosystem section ****************** */
.counter.counter-new {
    background-image: linear-gradient(90deg, #333 -0.02%, rgba(51, 51, 51, 0.10) 100.12%);
}

.content-section-wrapper {
    background: #161616;
}

.content-section-wrapper .section-heading h2 {
    font-size: 146rem;
}

.benefits-section {
    background: #E1E1E1;
}

.benefits-section .dlm-value-for-your-business-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40rem;
}

.benefits-section .dlm-value-for-your-business-grid .left-grid-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40rem;
    display: grid;
    grid-column: span 8;
}

.benefits-section .dlm-value-for-your-business-grid .right-grid-wrapper {
    grid-column: span 4;
    grid-template-columns: repeat(1, 1fr);
    gap: 40rem;
    display: grid;
}

.dlm-value-for-your-business-grid p {
    font-size: 38rem;
    line-height: normal;
}

.dlm-value-for-your-business-grid .benefit-card {
    border-radius: 14rem;
    background: #FFF;
    padding: 45rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 30rem;
    justify-content: center;
}

.dlm-value-for-your-business-grid .benefit-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 40rem;
    display: grid;
}

.dlm-value-for-your-business-grid .benefit-card-wrapper .benefit-card.benefit-card-3 {
    padding: 0;
}

.dlm-value-for-your-business-grid .benefit-card.benefit-card-2 {
    flex-direction: row;
    align-items: center;
}

.dlm-value-for-your-business-grid .benefit-card.benefit-card-4 {
    grid-column: span 2;
    flex-direction: row;
    align-items: center;
}

.vf-gartner-section.partner-ecosystem-section {
    padding: 100rem 0;
}

.modal-timeline-container {
    padding: 0 100rem;
    width: 100%;
    position: relative;
    margin-top: 250rem;
    z-index: 1;
    margin-bottom: 80rem;
}

.modal-timeline-line {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 13rem;
    background: #DADADA;
    transform: translateX(-50%);
    height: calc(100% - 300rem);
}

.modal-timeline-items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60rem;
}

.modal-timeline-row {
    display: flex;
    position: relative;
}

.modal-timeline-row:nth-child(odd) {
    flex-direction: row;
}

.modal-timeline-row:nth-child(even) {
    flex-direction: row-reverse;
}

.feature-card {
    background: white;
    border-radius: 14rem;
    padding: 45rem 55rem;
    width: 695rem;
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 300rem;
}

.feature-card:hover {
    transform: translateY(-5rem);
    box-shadow: 0 15rem 40rem rgba(0, 0, 0, 0.4);
}


.modal-timeline-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 200rem;
    height: 200rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}


.modal-timeline-icon img {
    width: 100%;
    height: 100%;
}

.vf-text-38 {
    font-size: 38rem;
}

.feature-card p {
    line-height: normal;
}

.engagement-section {
    background-color: #820000;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

.discover-section {
    background: rgba(245, 245, 245, 0.93);
}