.ms-team-phone-content-section {}

.ms-team-phone-content-section .vf-content-grid {
    padding-top: 50rem;
}

.ms-team-phone-content-section .vf-content-item-image {}

.ms-team-phone-content-section .vf-content-item-image .img-mata-wrap {
    border-radius: 14rem;
    overflow: hidden;
}

.ms-team-phone-content-section .vf-content-item-image .img-mata-wrap .meta-wrap {
    padding: 32rem 39rem;
    display: flex;
    align-items: center;
}

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .icon-text {
    display: flex;
    align-items: center;
    gap: 30rem;
}

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .icon-text .icon {
    width: 95rem;
    height: 95rem;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 95rem;
}

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .icon-text .text {
    flex-grow: 1;
}

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

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .plus-icon {
    width: 65rem;
    height: 65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 65rem;
}

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .icon-text .text p {
    line-height: normal;
    text-wrap: balance;
}

.ms-team-phone-content-section .img-mata-wrap .meta-wrap .icon-text .icon img {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.vf-content-grid .vf-content-item .vf-content-item-text h3 {
    font-size: 84rem;
}

.vf-content-item {
    gap: 120rem;
}

.vf-timeline-section {
    background: linear-gradient(1deg, #820000 2.32%, #820000 55.69%);
}

.feature-icon-grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 30rem;
    display: grid;
    margin: 70rem 0;
}

.feature-icon-grid .feature-icon-item {
    padding: 35rem;
    border-radius: 14rem;
    background: linear-gradient(320deg, rgba(255, 53, 53, 0.40) 22.71%, rgba(161, 0, 0, 0.40) 93.77%);
}

.feature-icon-grid .feature-icon-item .feature-icon {
    margin-bottom: 30rem;
    width: 120rem;
    height: 120rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.global-explore-btn {
    text-decoration: none;
}

/* Timeline Section Styles */
.vf-timeline-section-wrapper {
    padding: 300rem 0 00rem 0;
    position: relative;
}

.vf-timeline-container {
    position: relative;
    /* max-width: 100%; */
    padding: 00rem 0 250rem 0;
}

.vf-timeline-container::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1rem;
    background-color: #E60000;
    transform: translateX(-50%);
    z-index: 1;
}

.vf-timeline-item {
    display: flex;
    align-items: center;
    margin-bottom: 90rem;
    position: relative;
    z-index: 2;
    min-height: 120rem;
}

.vf-timeline-item:last-child {
    margin-bottom: 0;
}

.vf-timeline-item-left {
    justify-content: flex-start;
    padding-right: calc(50% + 110rem);
}

.vf-timeline-item-right {
    justify-content: flex-end;
    padding-left: calc(50% + 110rem);
}

.vf-timeline-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120rem;
    height: 120rem;
    background-color: #FFFFFF;
    border: 1rem solid #E60000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    flex-shrink: 0;
}

.vf-timeline-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vf-timeline-content {
    text-align: left;
    width: 100%;
}

.vf-timeline-item-left .vf-timeline-content {
    padding-right: 0;
    margin-right: 0;
    margin-left: auto;
    max-width: 630rem;
    display: inline-block;
    width: auto;
}

.vf-timeline-item-right .vf-timeline-content {
    padding-left: 0;
    margin-left: 0;
}

.vf-timeline-heading {
    margin-bottom: 15rem;
    line-height: normal;
}

.vf-timeline-description {
    line-height: normal;
    font-size: 27rem;
    text-wrap: balance;
    max-width: 500rem;
}

.vf-timeline-item-left.vf-timeline-item-9 .vf-timeline-description {
    max-width: 560rem;
}

.why-vodafone-business-grid-wrapper {
    position: relative;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .grid-row {
    display: flex;
}

.grid-item {}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .grid-item {}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .content-wrap {
    display: inline-block;
    padding: 47rem 30rem;
    border-radius: 17rem;
    background: #fff;
    box-shadow: 20rem 20rem 60rem 0 rgba(0, 0, 0, 0.10);
    max-width: 525rem;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .grid-row.single-grid-item {
    justify-content: center;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .grid-row.double-grid-item {
    justify-content: space-between;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .content-wrap h4 {
    line-height: normal;
    margin-bottom: 20rem;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .content-wrap p {
    line-height: normal;
}

.why-vodafone-business-grid-wrapper .why-vodafone-business-grid .grid-row.double-grid-item.row-2 {
    margin-bottom: 290rem;
}

.vf-video-container.disable-video-scaling .scroll-video {
    border-radius: 15rem;
}

/* Advanced Communications Section Styles */

.gradient-button {
    position: relative;
    padding: 35rem 40rem;
    width: 420rem;
    font-size: 55rem;
    color: #fff;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, #820000 -0.02%, #E60000 100.12%);
    border: none;
    border-radius: 14rem;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 8rem 20rem rgba(0, 0, 0, 0.4);
    transition: transform 0.2s ease, box-shadow 0.3s ease;
    animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes scaleIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.gradient-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.4),
            transparent);

    animation: shine 3s ease-in-out infinite;
}

@keyframes shine {
    0% {
        left: -75%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: 125%;
    }
}

.gradient-button:hover {
    box-shadow: 0 8rem 20rem rgba(255, 0, 0, 0.5);
}

.gradient-button:active {
    transform: scale(0.97);
}

.vf-solution-wrapper {
    position: relative;
}

.vf-solution-wrapper .button-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 275rem;
}

.vf-solutions-section {
    padding-top: 100rem;
    padding-bottom: 100rem;
}

.vf-solutions-section .section-heading {
    margin-bottom: 300rem;
}

.vf-solutions-section .section-heading h2 {
    line-height: normal;
}

.padding-bottom-150 {
    padding-bottom: 150rem;
}

.vf-accordion-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.vf-accordion-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vf-accordion-section {
    background-color: #141215;
    padding-bottom: 0rem;
}

.vf-accordion-section .container.vf-gartner-container {
    position: relative;
    z-index: 2;
}


/*********** Advanced Communications Modal Styles ***********/
.vf-modal {
    background: #fff;
    z-index: 999999;
}

.vf-modal-fullscreen {
    width: 100%;
    max-width: 100%;
}

.advacned-communications-content {
    background-color: #FFF;
    border: none;
    border-radius: 0;
    min-height: 100vh;
}

.advacned-communications-body {
    padding: 0rem 0;
    background-color: #FFF;
}

.advacned-communications-body .btn-close {
    position: absolute;
    right: 45rem;
    top: 70rem;
    height: 180rem;
    width: 180rem;
    opacity: 1;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 2;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="189" height="190" viewBox="0 0 189 190" fill="none"><path d="M188.081 95C188.081 147.465 145.975 190 94.0404 190C42.1053 190 0 147.465 0 95C0 42.535 42.1053 0 94.0404 0C145.975 0 188.081 42.535 188.081 95Z" fill="white"/><path d="M49.8477 139.646L138.238 50.354" stroke="%2325282B" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M138.238 139.646L49.8477 50.354" stroke="%2325282B" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.advacned-communications-body.modal-1-body, .advacned-communications-body.modal-2-body, .advacned-communications-body.modal-4-body {
    background-color: #820000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.advacned-communications-content .modal-body.advacned-communications-body {
    padding-top: 450rem;
}

.advacned-communications-content .modal-body.advacned-communications-body .heading-wrap {
    padding: 0 100rem;
}

.advacned-communications-content .modal-body.advacned-communications-body .heading-wrap h2 {
    margin-bottom: 50rem;
}

.advacned-communications-content .modal-body.advacned-communications-body .content-wrap {
    padding: 100rem;
}

.vf-gartner-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 200rem;
}

.vf-gartner-slider .vf-gartner-slider-track {
    display: flex;
    animation: marquee-global-tariffs 15s linear infinite;
    width: fit-content;
}

.vf-gartner-slider .vf-gartner-slider-item {
    flex-shrink: 0;
    width: auto;
    min-width: 300rem;
    padding: 0 35rem;
    box-sizing: content-box;
}

.vf-gartner-slider .dialog-slider-item {
    display: flex;
    align-items: center;
    gap: 30rem;
    padding: 45rem;
    background-color: #fff;
    border-radius: 24rem;
    height: 100%;
}

.vf-gartner-slider .dialog-slider-item .icon {
    width: 90rem;
    height: 90rem;
}

.vf-gartner-slider .dialog-slider-item .icon img {
    width: 100%;
    height: auto;
    max-height: 90rem;
}

.vf-gartner-slider .dialog-slider-item .content {
    flex: 1;
    line-height: 1.3em;
    font-size: 84rem;
}

@keyframes marquee-global-tariffs {
    from {
        transform: translateX(0);
    }

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


.vf-gartner-slider {
    padding-top: 400rem;
    padding-bottom: 200rem;
}

.vf-gartner-slider-for-modal-3 .dialog-slider-item {
    border: 3rem solid #e60000;
}



.modal-timeline-container {
    padding: 0 200rem;
    width: 100%;
    position: relative;
    margin-top: 200rem;
}

.modal-timeline-line {
    position: absolute;
    left: 50%;
    top: 270rem;
    bottom: 270rem;
    width: 13rem;
    background: #DADADA;
    transform: translateX(-50%);
}

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

.modal-timeline-row {
    display: flex;
    align-items: center;
    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: 60rem;
    width: 750rem;
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.card-title {
    margin-bottom: 20rem;
}

.card-subtitle {
    margin-bottom: 36rem;
}

.feature-list {
    list-style: none;
    margin-bottom: 35rem;
}

.feature-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10rem;
    gap: 20rem;
}

.feature-list li::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M22.3839 30.3997L26.2806 25.4642L41.1642 6.59325C41.8401 5.73589 42.8744 5.24597 43.9676 5.26865L45.3829 5.2505L47.4152 5.21875L45.5054 8.12198L43.3779 11.3745L29.6738 32.3276L25.6365 38.2883C25.0195 39.1593 24.271 40.0847 23.1007 40.0847C22.0483 40.0847 21.3134 39.3226 20.6919 38.5922L9.079 25.7545L8.84765 25.4642C8.47113 24.9652 8.27607 24.3483 8.30329 23.7223C8.30329 23.0418 8.57093 22.3886 9.05178 21.9078C9.53263 21.4224 10.1859 21.1547 10.8708 21.1547C11.6874 21.1547 12.2453 21.4768 12.9394 21.9894L22.3839 30.3997Z" fill="%23E60000"/></svg>');
    width: 55rem;
    height: 55rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.button-group {
    display: flex;
    gap: 20rem;
    flex-wrap: wrap;
}

.modal-timeline-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 135rem;
    height: 135rem;
    background: #25282B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    padding: 25rem;
    box-shadow: 0 4rem 15rem rgba(0, 0, 0, 0.4);
}

.button-group .global-explore-btn {
    border-radius: 13rem;
    font-size: 27rem;
}

.modal-timeline-icon img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: contain; */
    max-height: 65rem;
}