@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    padding: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

.container {
    max-width: 80%;
    margin: 0 auto;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt {
    padding-top: 100px;
}

.pb {
    padding-bottom: 100px;
}

h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    margin: 0;
    color: #ffffff;
}

h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 52px;
}

h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
}

h4 {
    font-size: 24px;
    font-weight: 500;
}

h5 {
    font-size: 20px;
    font-weight: 500;
}

h6 {
    font-size: 18px;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 10px;
}

p:last-child {
    margin-bottom: 0;
}

p {
    font-size: 18px;
    line-height: 27px;
    color: #666;
}

.p16 p {
    font-size: 16px;
    line-height: 24px;
}

.btn {
    padding: 10px 40px;
    background: #21a55e;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    transition: all 0.5s ease;
    display: inline-block;
}

.btn:hover {
    background: #6cc288;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.content-center {
    justify-content: center;
}

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.col-6 {
    width: 50%;
}

.col-4 {
    width: 33.33%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 20%;
}

.w-60 {
    width: 60%;
}

.w-40 {
    width: 40%;
}

.pl {
    padding-left: 50px;
}

.pr {
    padding-right: 50px;
}

.p20 {
    padding-bottom: 20px;
}

.p30 {
    padding-bottom: 30px;
}

.p40 {
    padding-bottom: 40px;
}

.p50 {
    padding-bottom: 50px;
}

.bg-light {
    background-color: #f5f5f5;
}

.radius {
    border-radius: 20px;
}

.p-0 {
    padding: 0 !important;
}

.pt20 {
    padding-top: 20px;
}

.pt40 {
    padding-top: 60px;
}

.heading span {
    color: #21a55e;
}

.heading h3 {
    font-weight: 700;
    font-size: 36px;
}
h3:empty {
    display: none;
}

/*/
////////////PAGES CSS START////////////
/*/
.service-hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-hero-wrap {
    max-width: 790px;
}

.service-hero-wrap p {
    color: #fff;
}


.check-list li {
    position: relative;
    font-weight: 600;
    padding-left: 40px;
    margin: 20px 0;
}

.check-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url('../img/checkmark-icon.svg');
    background-repeat: no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    background-color: #e9f7ed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}

.term-workload-migration .check-list li {
    font-weight: 400;
    color: #101828;
    line-height: 1.5;
}

.counter-wrap {
    padding: 20px 50px;
    border-radius: 20px;
    justify-content: center;
}

.counter-wrap h3 {
    color: #21a55e;
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    font-size: 2.5rem;
}

.counter-wrap h6 {
    font-size: 1.2rem;
    color: #222;
    font-weight: 500;
    line-height: 1.2rem;
}


@media(max-width:991px) {
    .counter-wrap h3 {
        font-size: 32px;
        line-height: 44px;
    }

    .heading h3 {
        font-size: 30px;
        line-height: 46px;
    }
}

@media(max-width:479px) {
    .counter-wrap h3 {
        font-size: 26px;
        line-height: 39px;
    }

    .counter-wrap h6 {
        font-size: 17px;
        line-height: 28px;
    }

}

/*
.counter-wrap .SerCounter h3 span:last-child{
    color: #666;
}
*/

.departments-list {
    display: flex;
}

.departments-icon {
    width: 70px;
}

.departments-content {
    width: calc(100% - 70px);
    padding-left: 25px;
}

.contact1 .col-right {
    width: 20%;
    text-align: end;
}

.contact1 .col-left {
    width: 70%;
}

.partners-wrap img {
    width: 210px;
    max-width: 100%;
    max-height: 8rem;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    max-height: 8rem;
    display: inline-block;
    vertical-align: middle;
}

.term-data-and-ai .partners-wrap {
    justify-content: start;
}

.term-data-and-ai .partners-wrap img {
    width: 195px;
}

.term-data-and-ai .partners-wrap .partner-item-1 img {
    width: 140px;
}

.term-data-and-ai .partners-wrap .partner-item-2 img {
    width: 195px;
    margin-top: 10px;
}

.term-data-and-ai .partners-wrap .partner-item-3 img {
    width: 165px;
}

.term-data-and-ai .partners-wrap .partner-item-4 img {
    width: 205px;
}

.term-data-and-ai .partners-wrap .partner-item-5 img {
    width: 165px;
}

.term-data-and-ai .partners-wrap .partner-item-6 img {
    width: 210px;
}

.term-data-and-ai .partners-wrap .partner-item-7 img {
    width: 220px;
}

.term-data-and-ai .partners-wrap .partner-item-8 img {
    width: 250px;
}



.partners-wrap img[alt="Cisco"] {
    width: 105px;
}


@media(min-width:1920px) {
    .term-data-and-ai .partners-wrap .partner-item-1 img {
        width: 170px;
    }

    .term-data-and-ai .partners-wrap .partner-item-2 img {
        width: 240px;
        margin-top: 10px;
    }

    .term-data-and-ai .partners-wrap .partner-item-3 img {
        width: 210px;
    }

    .term-data-and-ai .partners-wrap .partner-item-4 img {
        width: 250px;
    }

    .term-data-and-ai .partners-wrap .partner-item-5 img {
        width: 205px;
    }

    .term-data-and-ai .partners-wrap .partner-item-6 img {
        width: 260px;
    }

    .term-data-and-ai .partners-wrap .partner-item-7 img {
        width: 280px;
    }

    .term-data-and-ai .partners-wrap .partner-item-8 img {
        width: 290px;
    }

    .term-data-and-ai .partners-wrap {
        padding: 2rem 0 !important;
    }
}

.partners-wrap {
    padding: 2rem 4rem !important;
    gap: 30px 0;
    align-items: center;
    justify-content: center;
}

.term-workload-migration .partners-wrap {
    justify-content: space-between;
}

.term-workload-migration .partners-wrap img {
    object-fit: contain;
}

.term-workload-migration .counter-wrap h6 {
    line-height: 1.5;
}

.term-workload-migration .counter-wrap {
    justify-content: space-between;
}

.term-workload-migration .counter-wrap .col-4 {
    width: calc(100% / 2 - 50px);
}

@media(max-width:991px) {
    .term-workload-migration .counter-wrap .col-4 .SerCounter h6 {
        white-space: normal;
        line-height: 1.5;
    }

    .term-workload-migration .counter-wrap h3 {
        font-size: 32px;
        line-height: 44px;
    }
}

.team-wrap h6 {
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
}

.team-wrap .col-2 {
    display: flex;
    flex-direction: column;
}

.team-wrap .col-2 a {
    margin-top: auto;
}

.team-wrap p {
    color: #21a55e;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
}

.team-wrap svg path {
    fill: #000;
}

.fllm-services {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media(min-width:1280px) {
    .fllm-services {
        display: flex;
    }

    .heading-with-icon-boxes .fllm-services {
        display: grid;
    }

    .fllm-services .services-outer {
        width: calc(100% / 3 - 10px);
    }

    .heading-with-icon-boxes .fllm-services .services-outer {
        width: auto;
    }

    .single-services .fllm-services {
        flex-wrap: wrap;
        display: flex;
    }

    .single-services .fllm-services .services-outer {
        width: calc(100% / 2 - 10px);

    }

}

.fllm-services.full-width {
    grid-template-columns: unset;
}

.fllm-services.full-width .vulnerability-wrap {
    margin-top: 15px;
}

.services-outer {
    background: linear-gradient(270deg, #e9f7ed, #fff);
    border: 1px solid #14142b0f;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
}

.llm-services-box {
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: right top;
}

.llm-services-box img {
    width: 40px;
}

.page-id-603 .llm-services-box img{
    width: 80px;
    max-height: 4rem;
    transform: translateX(-12px);
}

.llm-services-box h4 {
    font-weight: 600;
}

.study-wrap {
    border: 1px solid #eff0f6;
    border-radius: 30px;
}

.study-wrap h4 {
    color: #21a55e;
    font-weight: 700;
}

.study-wrap .w-40 {
    padding: 40px 40px 40px 0;
}

.study-wrap img {
    height: 100%;
    object-fit: cover;
}

.fllm-services2 {
    display: grid;
    grid-template-columns: 64% 36%;
    gap: 20px;
}

.fllm-services2 .services-outer {
    background: linear-gradient(270deg, #e2def7, #fff);
}

.gradient3 .services-outer {
    background: linear-gradient(270deg, #d5e6f3, #fff);
}

.services-left {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.hackers-wrap {
    background-color: #21a55e;
    border-radius: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.hackers-wrap::before {
    content: " ";
    background: url("http://gruveai.kinsta.cloud/wp-content/uploads/2025/04/cyber-hacker-img-1.svg") no-repeat center;
    background-size: cover;
    position: absolute;
    left: -10px;
    top: 0px;
    height: 110px;
    width: 110px;
}

.hackers-wrap::after {
    content: " ";
    background: url("http://gruveai.kinsta.cloud/wp-content/uploads/2025/04/cyber-hacker-img-2.svg") no-repeat center;
    background-size: cover;
    position: absolute;
    right: -30px;
    bottom: 0px;
    height: 130px;
    width: 130px;
}

@media(min-width:1440px) {
    .tiles-inner-wrap {max-height: 100%;height: 362px;}
    .hackers-wrap {
        background-color: #00441b !important;
    }
    .ai__data_centerwraper.topdt-box {
        padding: 0px 100px;
    }

    .ai__data_centerwraper.bottomdt-box {
        padding: 0px 125px;
        margin-top: 120px;
    }

    .half__circlewraper img {
        width: 500px;
    }

    .tiles-description p {
        font-size: 13px;
    }
}

.hackers-wrap h2,
.hackers-wrap p,
.hackers-wrap h5 {
    color: #fff;
}

.hackers-wrap h2 {
    margin-bottom: 20px;
}

.hackers-wrap h5 {
    margin-top: 20px;
}

.cybersecurity span,
.cybersecurity strong {
    color: #fff;
}

.cybersecurity h5,
.cybersecurity h5 p {
    color: #bee6c9;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.15rem;
}

.cybersecurity {
    background-color: #21a55b;
    padding: 30px 0;
    text-align: center;
}

.shadow-box {
    border: 1px solid #eff0f6;
    box-shadow: 0 2px 7px 0 #14142b0f;
    padding: 40px 20px;
    text-align: center;
    border-radius: 30px;
    height: 250px;
    margin: 10px;
}

.shadow-box img {
    width: 50px;
    margin-bottom: 20px;
}

.shadow-box h5,
.shadow-box h5 p {
    color: #21a55e;
    font-weight: 600;
    /*    text-align: left;*/
}

.accordion-main {
    border-bottom: 1px solid #eee;
    padding: 50px 0;
    transition: .3s;
    -webkit-transition: .3s;
}

.accordion-main:hover {
    transform: translate(8px);
}

.accordion {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    padding-right: 50px;
}

.accordion:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../img/pluse-icon.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    width: 34px;
    height: 53px;
    transition: .3s;
    -webkit-transition: .3s;
}

.accordion.active:after {
    transform: rotate(90deg);
}

.accordion-inner {
    padding-left: 55px;
    padding-right: 100px;
    overflow: hidden;
    transition: .2s;
    opacity: 0;
    transform: translateY(5px);
}

.accordion-main.active .accordion-inner {
    opacity: 1;
    transform: translateY(-5px);
}

.accordion.active span {
    transform: translateY(-5px);
}

.accordion span {
    transition: .2s;
}


.accordion-main:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.vulnerability-wrap h6 img {
    width: 25px;
}

.vulnerability-wrap h6 {
    display: flex;
    align-items: center;
    font-weight: 700;
    gap: 15px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.vulnerability-wrap {
    gap: 10px 0;
    gap: 24px 0;
    align-items: start;
}

.vulnerability p a {
    color: #000;
}

.study-tabs-content .study-tabs-inner:not(:first-child) {
    display: none;
}

.study-tabs ul {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.study-tabs ul li a {
    border: 1px solid #eff0f6;
    padding: 32px 46px;
    transition: opacity .3s, box-shadow .3s, color .3s;
    border-radius: 10px;
    box-shadow: 0 2px 12px 0 #14142b29;
    background: #fff;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    opacity: 0.4;
    text-align: center;
}

.study-tabs ul li.active a,
.study-tabs ul li a:hover {
    opacity: 1;
}

.study-tabs-inner .study-wrap img {
    height: 100%;
}

.study-tabs-wrap .study-wrap img {
    height: 100%;
}

.team-wrap img {
    width: 158px;
}

.text-left p {
    text-align: left;
}

.work-wrap span {
    width: 80px;
    height: 80px;
    background-color: #6cc288;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin: 0 auto 20px;
}

.work-wrap .col-3 {
    padding: 0 20px;
}

.llm-services-box ul {
    padding-left: 1.25rem;
}

.llm-services-box ul li {
    list-style: disc;
    padding: 5px 0;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding-left: .5rem;
    color: #666;
    font-family: 'Montserrat', sans-serif;
}

.fllm-services3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.full-ser {
    grid-template-columns: auto;
}

.image-container img {
    display: none;
}

.image-container img.active {
    display: block;
}

.accordion-header:not(:last-child) {
    margin-bottom: 40px;
}

.accordion-header h5 {
    font-weight: 600;
    opacity: .4;
    margin-bottom: 20px;
}

.accordion-header.active p {
    display: block;
}

.accordion-header p {
    display: none;
    color: #000;
}

.accordion-header.active h5 {
    opacity: 1;
}

.accordion-header {
    border-left: 4px solid #21a55e;
    padding-left: 30px;
    cursor: pointer;
}
#Endpoint .center {
    padding-bottom: 0;
}
#Endpoint h2 {
    text-align: left;
    color: #00441b;
}

/*/
////////////MEDIA CSS START////////////
/*/


.single-services .content-with-image .llmFirst-wrap .col-6.p16 {
    width: 55%;
}

.single-services .content-with-image .llmFirst-wrap .col-6.pl {
    width: 38%;
}




@media(min-width:1440px) {
    .single-services .content-with-image .llmFirst-wrap .col-6.pl {
        width: 35%;
    }
}

@media (max-width: 1199px) {
        .counter-wrap .col-4 h3 {
        font-size: 32px;
        line-height: 44px;
    }
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    p {
        font-size: 16px;
        line-height: 22px;
    }

    h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .counter-wrap h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .contact1 .col-right {
        width: 25%;
    }
}

@media (max-width: 991px) {

    .single-services .content-with-image .llmFirst-wrap {
        justify-content: space-between;
        align-items: start;
    }

    .single-services .content-with-image .llmFirst-wrap .col-6 {
        width: calc(100% / 2 - 20px) !important;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .partners-wrap img {
        width: auto;
    }

    .single-services .content-with-image .llmFirst-wrap .col-6 {
        width: 100% !important;
        padding: 0;
    }

    .p-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pt {
        padding-top: 50px;
    }

    .pb {
        padding-bottom: 50px;
    }

    pl {
        padding-left: 0;
    }

    .w-60 {
        width: 100%;
    }

    .w-40 {
        width: 100%;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .col-6 {
        width: 100%;
    }

    .counter-wrap h3 {
        font-size: 26px !important;
        line-height: 39px !important;
    }


    .contact1 .col-left,
    .contact1 .col-right {
        width: 100%;
    }

    .contact1 .col-right {
        text-align: left;
        padding-top: 20px;
    }

    .partners-wrap [class*="col"] {
        width: 48%;
        border: 1px solid #d0d0d0;
        text-align: center;
        padding: 10px;
    }

    .partners-wrap {
        padding: 20px 20px;
        gap: 15px 0;
        justify-content: space-between;
        align-items: normal;
    }

    .col-2,
    .col-4,
    .col-3 {
        width: 100%;
    }

    .p50,
    .p40 {
        padding-bottom: 20px;
    }

    .counter-wrap .col-4 {
        border: 1px solid #d0d0d0;
        padding: 20px;
    }

    .counter-wrap {
        padding: 20px;
        gap: 20px;
    }

    .pl {
        padding-left: 0;
    }

    .departments .col-6 {
        padding-bottom: 30px;
    }

    .team-wrap {
        gap: 30px;
    }

    .study-wrap .w-40 {
        padding: 20px;
    }

    .study-wrap img {
        height: auto;
    }

    .fllm-services {
        grid-template-columns: auto;
    }

    .llmFirst-wrap img {
        margin-top: 30px;
    }

    .fllm-services2 {
        grid-template-columns: auto;
    }

    .hackers-wrap {
        padding: 20px;
    }

    .heading h3 {
        font-size: 28px;
    }

    .accordion-main {
        padding: 15px 0;
    }

    .accordion {
        font-size: 18px;
    }

    .accordion:after {
        width: 20px;
        height: 30px;
    }

    .accordion-inner {
        padding-right: 50px;
    }

    .study-tabs-wrap .study-wrap img {
        height: auto;
    }

    .study-tabs ul {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 20px;
        word-break: break-all;
    }

    .study-tabs ul li a {
        padding: 30px;
        width: 100%;
    }

    .work-wrap {
        gap: 30px 0;
    }

    .fllm-services3 {
        grid-template-columns: auto;
    }

    .image-accordion {
        gap: 40px;
    }

    .accordion-header {
        border-left: 3px solid #21a55e;
        padding-left: 20px;
    }
}

.content-with-image {
    border-radius: 0;
    margin-top: 0;
    padding: 100px 0px;
    display: block;
}

.content-with-image .container {
    max-width: 1440px;
    padding: 0;
}

section#Health-Check {
    padding-bottom: 0;
}

.accordion-inner-in {
    display: none;
}

.accordion-main.active .accordion-inner-in {
    display: block;
}

@media (min-width:1920px) {
    .content-with-image {
        padding-left: 120px;
        padding-right: 120px;
    }

    .service-hero-wrap {
        max-width: 960px;
    }
}

@media(min-width:1440px) {
    .service-hero-wrap {
        max-width: 980px;
    }
}

@media (max-width:991px) {
    .content-with-image {
        padding: 4rem 20px 4rem 20px;
    }
}


@media (min-width:768px) and (max-width:991.98px) {
    .portfolio-box-container {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        flex: 1;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-self: center;
        place-items: center stretch;
        max-width: 1440px;
        padding-top: 20px;
        padding-bottom: 20px;
        grid-template-columns: 1fr 1fr;
        max-width: 768px;
        display: grid;
    }

    .portfolio-box-container .col-3 {
        width: 100%;
    }

    .vulnerability-wrap {
        gap: 24px;
    }

    .vulnerability-wrap h6 {
        align-items: start;
    }

    .vulnerability-wrap h6 {
        font-size: 1rem;
    }
}


@media (max-width:767px) {
    .content-with-image {
        padding: 4rem 20px 4rem 20px;
    }

    .vulnerability-wrap {
        gap: 24px;
        align-items: start;
    }

    .vulnerability-wrap h6 {
        align-items: start;
    }
}

@media (max-width:479px) {
    .content-with-image {
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.study-wrap .col-6 {
    display: flex;
    width: 41%;
    align-items: center;
    justify-content: center;
}

.study-wrap .col-6 img {
    width: 100%;
}

.study-wrap .tabs-content-wrapper {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    gap: 0;
    width: 59%;
    padding-left: 80px;
    padding-right: 80px;
}

.study-wrap .tabs-content-wrapper h4 {
    color: #21a55e;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    display: block;
}

.study-wrap .tabs-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
    color: #666;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.5rem;
    max-width: 800px;
}

@media(min-width:1920px) {
    .study-wrap .col-6 {
        width: 40%;
    }

    .study-wrap .tabs-content-wrapper {
        width: 50%;
    }

    .study-wrap .tabs-content-wrapper h4 {
        font-size: 28px;
    }

    .study-wrap .w-40.p16 {
        width: 50%;

    }
}

@media (max-width:991px) {
    .study-wrap .col-6 {
        width: 50%;
    }

    .study-wrap .tabs-content-wrapper {
        width: 50%;
        padding: 32px 22px;
    }

    .study-wrap .w-40.p16 {
        padding: 0;
        width: 44%;

    }
}


@media (max-width:767px) {
    .study-wrap .col-6 {
        width: 100%;
    }

    .study-wrap .tabs-content-wrapper {
        width: 100%;
        padding: 32px 22px;
    }

    .study-wrap .w-40.p16 {
        padding: 20px;
        width: 100%;

    }
}


#case-study .study-wrap {
    padding-bottom: 0;
    border: 1px solid #eff0f6;
    background-color: #fff;
    border-radius: 24px;
    text-decoration: none;
    transition: transform .3s, color .3s;
}




/*------------- services banner ------------------*/




.service-hero {
    height: 30rem;
    margin-bottom: 0;
    padding-top: 13.5rem;
    padding-bottom: 10rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-id-673 .service-hero {
    padding-top: 12rem;
}

.service-hero .container {
    max-width: 1440px;
}

.term-customer-experience .service-hero {
    background-position: top;
}

.service-hero h1 {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 66px;
}

.term-customer-experience .services-team-section .team-wrap .col-2 {
    width: 27%;
    padding-bottom: 20px;
    align-items: center;
}
.term-customer-experience .services-team-section .team-wrap .col-2 .team-profile-boxes {
    min-width: 191px;
}

@media(max-width: 1024px){
    .term-customer-experience .services-team-section .team-wrap .col-2 {
        width: 40%;
    }
}

.term-customer-experience .services-team-section .team-wrap .col-2 img {
    margin-bottom: 1.25rem;
    object-fit: cover;
    width: 10rem;
    min-width: 5rem;
    height: 10rem;
    min-height: 5rem;
    max-height: none;
}

.term-customer-experience .services-team-section .team-wrap .col-2 h6 {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.term-customer-experience .services-team-section .team-wrap .col-2 p {
    margin-bottom: 0;
    white-space: nowrap;
    margin-top: .2rem;
}

.term-customer-experience .services-team-section .team-wrap .col-2 a {
    margin-top: 1rem;
}

.term-customer-experience .services-team-section .team-wrap {
    padding-left: 17%;
    padding-right: 22%;
}

.term-customer-experience .services-team-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media(min-width:1280px) {
    .services-team-section {
        padding-left: 10%;
        padding-right: 10%;
    }

    .term-customer-experience .services-team-section .team-wrap {
        padding-left: 14%;
        padding-right: 18%;
    }
}


@media (min-width:1440px) {
    .service-hero {
        background-color: #e9f7ed;
    }

    .services-team-section {
        padding-left: 13%;
        padding-right: 13%;
    }

    .term-customer-experience .services-team-section .team-wrap {
        padding-left: 17%;
        padding-right: 21%;
    }
}

@media(min-width:1920px) {
    .term-customer-experience .services-team-section .team-wrap {
        padding-left: 19%;
        padding-right: 22%;
    }
}

@media (max-width:991px) {
    .service-hero h1 {
        font-size: 3.2rem;
        line-height: 60px;
    }

    .service-hero {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width:767px) {

    .service-hero {
        height: 35rem;
    }

    .service-hero h1 {
        text-align: left;
        flex: 0 auto;
        align-self: center;
        margin-bottom: 12px;
        font-size: 32px;
        font-weight: 600;
        line-height: 46px;
    }

    .service-hero {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width:479px) {
    .service-hero h1 {
        flex: 0 auto;
        margin-bottom: 10px;
        font-size: 2.25rem;
        line-height: 37px;
    }

    .service-hero {
        margin-bottom: 0;
        padding-top: 100px;
    }
}


/*------------ Services banner --------------------*/



/*---------- New Updated css for Services page --------------*/

/* ------------ Global CSS Services --------------- */

strong {
    font-weight: bold;
}

/*
.pb {
    padding-bottom: 50px;
}

.pt {
    padding-top: 50px;
}
*/


/* ------------ Global CSS Services --------------- */

/* ------------- Data and AI ------------------- */

.partners-outer .partners-wrap .col-2 {
    border: none;
    width: 25%;
}

.term-cybersecurity .partners-wrap .col-2 {
    width: 20%;
}

.counter-wrap .col-4 {
    border: none;
}

@media (max-width:991px) {

    /* Common css  */

    h2 {
        font-size: 2.5rem;
        line-height: 46px;
    }

    h3 {
        font-size: 1.75rem;
        font-weight: 600;
    }

    /* Common css */

    .services-portfolio {
        align-items: start;
    }

    .services-portfolio .w-40 {
        width: 50%;
    }

    .services-portfolio .w-60 {
        width: 50%;
        padding-left: 0;
    }

    .services-portfolio .center.p20 {
        font-size: 2.5rem;
        line-height: 46px;
    }

    .counter-wrap {
        flex-direction: column;
        gap: 28px;
    }

    .counter-wrap .col-4 {
        width: 100%;
    }

    .term-workload-migration .counter-wrap .col-4 {
        width: 100%;
    }

    .counter-wrap .col-4 .SerCounter h6 {
        white-space: nowrap;
        width: 100%;
        margin-bottom: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.2rem;
    }

    .pb.departments .flex {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

    .departments .col-6 {
        width: 100%;
    }

    .departments .w-40 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 15px;
    }

    .departments .w-40 .departments-list {
        width: calc(100% / 2 - 10px);
    }

    .contact1 .col-left {
        width: 100%;
    }

    .partners-outer .partners-wrap .col-2 {
        width: 30%;
    }

    .contact1 {
        flex-direction: column;
        gap: 2rem;
    }

    .contact1 .col-left p {
        color: #475467;
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .contact1 .col-right {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width:767px) {

    /* Common css */
    .flex {
        flex-direction: column;
    }

    h3 {
        font-size: 1.25rem;
    }

    /* Common css */
.team-wrap{
    align-items: center;
}
   .team-wrap [class*='col-'] {
    width: 50%;
    text-align: center;
}

    .check-list li {
        font-size: 1.25rem;
    }

    .services-portfolio .center.p20 {
        font-size: 2.2rem;
        line-height: 40px;
    }

    .services-portfolio .w-60 h3 {
        font-size: 1.25rem;
    }

    .counter-wrap {
        gap: 0;
    }

    .departments .w-40 {
        align-items: start;
        margin-top: 15px;
        justify-content: center;
    }

    .departments .w-40 .departments-list {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .departments-content {
        padding-left: 0;
        width: 100%;
    }


    .contact1 .col-right {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact1 .col-right a {
        width: 100%;
        text-align: center;
    }

    .partners-outer .partners-wrap {
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .partners-outer .partners-wrap .col-2 {
        width: 100%;
    }

    .services-portfolio .w-40 {
        width: 100%;
    }

    .services-portfolio .w-60 {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width:479px) {
    .services-portfolio .center.p20 {
        font-size: 2.5rem;
        line-height: 34px;
    }

    .services-portfolio .w-60 h3 {
        font-size: 1.5rem;
    }

    .work-wrap span {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
}



/* ------------- Data and AI ------------------- */

/*-------- Data AI ----------------*/

.departments .departments-list .departments-content h5 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
}

.departments .departments-list .departments-content p {
    color: #444;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}


/*-------- Data AI ----------------*/



/*----------- Services security css -----------*/


/*-------- Cybersecurity ---------------*/


.full_heading_with_3_columns .hackers-wrap .flex {
    padding-top: 2rem;
    padding-bottom: 2rem;
    gap: 2.5rem;
}


.full_heading_with_3_columns .hackers-wrap .flex .col-4 {
    width: calc(100% / 3 - 2rem);
}

.full_heading_with_3_columns .hackers-wrap h2 p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
}

.full_heading_with_3_columns .hackers-wrap .flex .col-4 h5 {
    margin: 0;
    margin-bottom: 0.5rem;
    letter-spacing: normal;
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
}

.full_heading_with_3_columns .hackers-wrap .flex .col-4 div p {
    padding-top: 0 !important;
}

.full_heading_with_3_columns .hackers-wrap div>p {
    padding-top: 2rem;
}

@media(max-width:991px) {
    .full_heading_with_3_columns .hackers-wrap h2 p {
        text-align: left;
        font-size: 30px;
        line-height: 46px;
    }

    .full_heading_with_3_columns .hackers-wrap .flex {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .full_heading_with_3_columns .hackers-wrap .flex .col-4 {
        padding-right: 0px;
    }

    /* 
   .services-team-section .team-wrap{
            gap: 40px;
    }
    .services-team-section .team-wrap .col-2{
        width: calc(100% / 2 - 20px);
        padding: 50px;
    }
    */

    .services-team-section .flex {
        justify-content: space-around;
    }

    .term-customer-experience .services-team-section .team-wrap {
        justify-content: space-between;
        padding-left: 14%;
        padding-right: 18%;
    }
}

@media(max-width:767px) {
    .full_heading_with_3_columns .hackers-wrap h2 p {
        font-size: 28px;
        line-height: 40px;
    }

    .full_heading_with_3_columns .hackers-wrap .flex .col-4 {
        width: 100%;
    }

    .full_heading_with_3_columns .hackers-wrap .flex .col-4 h5 {
        font-size: 1.125rem;
    }

    .full_heading_with_3_columns .hackers-wrap .flex .col-4 p {
        font-size: 1rem;
    }

    .hackers-wrap {
        padding: 20px 40px;
    }

    .full_heading_with_3_columns .hackers-wrap .flex .col-4 {
        padding-right: 0;
    }

    .term-customer-experience .services-team-section .team-wrap {
        align-items: center;
        text-align: center;
        padding-left: 14%;
        padding-right: 18%;
        justify-content: center;
    }

    .term-customer-experience .services-team-section .team-wrap .col-2 {
        align-items: center;
    }
}

@media(max-width:479px) {
    .full_heading_with_3_columns .hackers-wrap h2 p {
        font-size: 24px;
        line-height: 34px;
        text-align: left;
    }
}

/*-------- Cybersecurity ---------------*/

/*---------- New Updated css for Services page --------------*/








/*------------- New CSS for Container -----------------*/


.container {
    max-width: 90% !important;
    margin: 0 auto;
    width: 100%;
}

@media (min-width:1280px) {
    .container {
        max-width: 80% !important;
    }
}

@media (min-width:1440px) {
    .container {
        max-width: 1320px !important;
    }
}


@media (max-width:991px) {
    .container {
        max-width: 95% !important;
    }
}

@media (max-width:479px) {

    .container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}


/*-------------- New CSS for Container ---------------*/



/*
.accordion .accordion-inner{
    transform: translate3d(0px, 20px, 0px) scale3d(0.96, 0.96, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    opacity: 0;
    width: 100%;
    height: 0px;
    display: inline-block !important;
    overflow: hidden;
}

 .accordion.active .accordion-inner{
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    opacity: 1;
    height: auto;
}

    

@media(min-width:1280px)
.accordion-main .accordion .accordion-inner{
    width: 800px;
}

*/

.contact1 h3 {
    color: #101828;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
}

@media(max-width:991px) {}

@media(max-width:767px) {
    .contact1 h3 {
        font-size: 1.75rem;
        line-height: 1.4;
    }

}

.single-services .fllm-services.full-width .services-outer {
    width: 100%;
}


/* New CSS for Services Page */
section.cx-data-science-success .flex.tiles-data-wrap {
    justify-content: center;
}
section.cx-data-science-success {
    padding: 45px 0px 0px 0px;
}

/* New Infrastructure Section */
.infrastructure--TitleWrp h6 {
    color: var(--Nature-0, #222);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.infrastructure--TitleWrp p {
    color: var(--Nature-80, #3A3A3A);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

section.cx_infra_section {
    padding: 40px 0px;
    background: #F3F7F6;
}

.infrastructure--OuterBox {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}
.infrastructure--Boxes {
    flex: 1 0 0;
    align-self: stretch;
    position: relative;
    padding: 24px;
    border-radius: 10px;
}

.infrastructure--TitleWrp {
    margin-bottom: 30px;
}

.infrastructure--IconWraper img{
    position: absolute;
    bottom: 0;
    right: 0;
}

.infrastructure--IconWraper img {
    height: 135px;
}

.infrastructure--Boxes h6 {
    color: #21A55E;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
}

.infrastructure--Boxes h4 {
    color: #222;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%; /* 24px */
}

.infrastructure--Boxes p {
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

/* Left Right Section */

.left-right-outerSection {
    display: flex;
    gap: 30px;
    align-items: center;
}

.left-right-ContentList {
    display: flex;
    align-items: flex-start;   /* keeps icons aligned at top like bullet points */
    gap: 20px;
    margin-bottom: 10px;
}

.left-right-ContentIcon {
    flex: 0 0 70px;            /* reserve fixed space for icons */
    display: flex;
    align-items: center;       /* centers image inside */
    justify-content: center;
}

.left-right-ContentIcon img {
    max-height: 70px;          /* consistent size */
    width: auto;
    display: block;
}

section.left-right--Section {
    padding: 60px 0px;
}

.left-right-TitleBox h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.left-right-TitleBox p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.left-right-ListItems h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 5px 0;   /* better spacing */
}

.left-right-ListItems p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.left-right-TitleBox {
    margin-bottom: 20px;
}

.left-right-imageWraper img {
    max-width: 501px;
    width: 501px;
    height: auto;
    border-radius: 20px;
}


/* Lifecycle Section */
.lifecycle-outer--Wraper {padding: 40px 30px;background: #F3F7F6;border-radius: 24px;}

.lifecyclegrid--Top {
    display: flex;
    gap: 30px;
    align-items: center;
}

.lifecycle--Image img {max-width: 450px;}

.lifecycle--ContentBlock h4 {
    padding: 8px 14px;
    background: #21A55E;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
}

.lifecycle--ContentBlock p {
    font-size: 15px;
    line-height: 150%;
    color: #000;
}

.lifecycle--ContentList {
    display: flex;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #ddd;
    padding: 10px 0px;
}

.lifecycle--Icon {
    flex: 0 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lifecycle--Icon img {
    height: 60px;
}

.lifecycle--TitleContent h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0px;
}

.lifecycle--ContentList:last-child {
    border-bottom: 1px solid #ddd;
}

section.lifecycle_support_section {
    padding: 60px 0px 80px;
}

.lifecycle--Image {
    width: 100%;
}

.lifecyclegrid--Bottom h4{
    text-align: center;
}


.lifecyclegrid--Bottom {
    padding: 40px 0px 0px;
}

.lifecycle--PartnerBox {
    display: flex;
    margin: 50px 0px 0px 0px;
}

.lifecycle--PartnerGrid {
    flex: 1 0 0;
    background: #fff;
    padding: 20px;
    margin: 10px 5px;
    border-radius: 10px;
}

.lifecycle--PartnerGrid h3 {
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    min-height: 60px;
}

.lifecycle--PartnerGrid img {
    width: auto;
    height: 35px;
    margin-bottom: 15px;
}

.lifecycle--PartnerGrid p {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}

section.cx-data-science-success .tiles-heading {
    margin-bottom: 35px;
}


/* Trusted Section */
section#cx-data-science-success .flex.tiles-data-wrap {
    justify-content: center;
}

.custom-grid {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 20px; /* space between columns */
}

/* .grid-left {
  background: #f0f0f0;
  padding: 15px;
} */

.trusted__ImageBox img {
    height: 485px;
    object-fit: cover;
    border-radius: 32px;
}

.partner--Image img {
    height: 36px;
}

.partner--Image:last-child img {
    height: 45px;
}

.partners--Logo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.partners--Boxwraper {
    padding: 25px 15px;
    background: #F3F9F5;
    border-radius: 32px;
    margin: 0px 10px 25px;
}

.partners--Boxwraper h4 {
    padding: 8px 24px;
    border: 2px solid #21A55E;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #21A55E;
}

section.trusted__Section {
    padding: 60px 0px 0px;
}

.grid--leftInner {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 0px;
}

.certification--Outer {
    display: flex;
    gap: 10px;
}

.stats--InnerWraper {
    text-align: center;
    margin-bottom: 20px;
}

.stats--InnerWraper h5 {
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    color: #21A55E;
}

.stats--InnerWraper p {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

section.ai--data-centersteps-Section h2 {
    font-size: 32px;
}

section.ai--data-centersteps-Section {
    padding: 60px 0px;
}

/* Steps CSS */
a.btn.btn-ai-dtsteps {
    background-color: #fff;
    border: 3px solid #21A55E;
    color: #000;
    width: 280px;
    border-radius: 30px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.ai__data--button-top a {
    position: relative;
}

.ai__data--button-top a img {
    position: absolute;
    right: 0px;
    bottom: 0;
}

.ai__data_centerwraper.topdt-box {
    display: flex;
    justify-content: space-around;
    margin: 50px 0px;
}

.ai__data_centerwraper.bottomdt-box {
    display: flex;
    justify-content: space-between;
    margin: 50px 0px;
}

.ai--data-setps--Outer {
    position: relative;
}

.bg_imagedatacenter {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 0px;
    background-position: center;
    background-size: contain;
    z-index: -1;
}


.half__circlewraper img {
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    margin: 0px auto;
    width: 465px;
}

.half__circlewraper span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18%;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    width: 265px;
    margin: 0px auto;
    line-height: 38px;
}

.half__circlewraper a {
    text-align: center;
}

.arrow_halfcircle img {
    height: 23px;
    width: 23px;
    top: 35px;
}

.arrow_halfcircle {
    position: absolute;
    bottom: 23%;
    right: 0;
    left: 0;
}

.bottombg_strip {
    height: 145px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bottomstrip_cta span {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
    color: #000;
}

.bottomstrip_cta {
    position: relative;
}

.common_heading h2 {
    font-size: 32px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.icon--pillar {
    position: absolute;
}

.pillar-bottom {
    left: 5%;
    bottom: -80px;
}

.pillar-top {
    right: 15px;
    top: -30px;
}

.icon--pillar img {height: 40px;}

span.circle-outer {
    height: 32px;
    width: 32px;
    background: #21A55E;
    display: inline-block;
    border-radius: 360px;
    position: absolute;
}

span.circle-outer.circl-span6 {
    right: 0;
    bottom: -135px;
}

span.circle-outer.circl-span5 {
    height: 26px;
    width: 26px;
    bottom: 50%;
    right: 5%;
}

span.circle-outer.circl-span4 {
    height: 26px;
    width: 26px;
        bottom: 60%;
    left: 0%;
}

span.circle-outer.circl-span3 {
    height: 26px;
    width: 26px;
    top: -25%;
    left: 44%;
}

span.circle-outer.circl-span2 {
    height: 13px;
    width: 13px;
    top: -10%;
    left: 53%;
}

section.p-tb.mss_section .vs-box-wrap {
    display: unset;
}

section.p-tb.mss_section .vs-box-wrap .video-box.vs-box {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .left-right-imageWraper img {
        width: 100%;
    }
    .bottomstrip_cta span {
        font-size: 20px;
        top: 50px;
    }
    .ai--mobile-dataHalfCicle span {
        position: absolute;
        left: 0px;
        width: 150px;
        top: 35%;
        text-align: center;
        color: #fff;
    }
    .ai--mobile-dataHalfCicle {
        position: relative;
    }
    .infrastructure--OuterBox {
        display: unset;
    }

    .infrastructure--Boxes {
        margin-bottom: 10px;
    }

    .left-right-outerSection {
        display: unset;
    }

    .lifecyclegrid--Top {
        display: unset;
    }

    .lifecycle--Image img {
        width: 100%;
    }

    .lifecycle--PartnerBox {
        display: unset;
    }

    .custom-grid {
        grid-template-columns: 100%;
    }

    .partners--Logo {
        display: unset;
        text-align: center;
    }

    .certification--Outer {
        display: unset;
    }
    a.btn.btn-ai-dtsteps {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 18px */
        height: 100%;
        border-radius: 10px;
        width: 185px;
        padding: 6px 15px;
        height: 48px;
    }
    .ai__data--button-top a img {
        height: 13px;
        right: -1px;
        bottom: -1px;
    }
    .ai__data_centerwraper.topdt-box {
        display: unset;
    }
    .ai__data--button-top{
        margin:10px 0px;
    }

    .ai--data-mobiledesign {
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
    }
    .ai--Mobileborder {
        height: 326px;
        position: absolute;
        top: -10px;
        background-size: contain;
        width: 100%;
        left: 0px;
        z-index: -1;
    }

    .arrow_halfcircle {
        left: 50px;
        width: 40px;
    }

    .ai__data--button-top.button-wrp1 {position: relative;right: 36px;}

    .ai__data--button-top.button-wrp4 {
        position: relative;
        right: 36px;
    }

    .partner--Image img {height: 40px;}

    .partners--Boxwraper h4 {
        padding: 5px 10px;
        font-size: 12px;
    }
    .partner--Image {
        margin-bottom: 10px;
    }

    section#cx-data-science-success .tiles-inner-wrap {
        display: unset !important;
        width: 100%;
    }

    section#cx-data-science-success .tiles-inner-wrap .flip-box-front img {
        height: 100%;
        width: 100%;
    }

}


/* MSS Page */
section#mss_video_section h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
    color: #1f1f1f;
}

section#mss-section-intro p {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    color: #1F1F1F;
}

.video__Sectionwraper.grid-60-40 {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 30px;
    align-items: center;
}


.video__Sectionwraper p{
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    color: #1f1f1f;
}

section.p-tb.mss_section {
    padding: 40px 0px 20px;
    background: #F3F7F6;
}


.extra_pointers_grid .row {
  display: flex;
  flex-wrap: wrap;
  gap: 25px; /* space between items */
  margin-bottom: 20px;
}

.extra_pointers_grid .extra__Pointer {
  background: #fff;
  padding: 16px;
  border-radius: 16px;
  text-align: left;
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 15px;
}

.extra__Pointer span {
    font-size: 16px;
    font-weight: 500;
    color: #3a3a3a;
}

section.management_support_sectionmain .heading.center p {
    font-size: 16px;
    font-weight: 400;
    color: #3a3a3a;
}

/* 4-column items */
.extra_pointers_grid .col-25 {
  flex: 0 0 23%; /* ~25% minus gap */
}

/* 2-column items */
.extra_pointers_grid .col-50 {
  flex: 0 0 48%; /* ~50% minus gap */
}

.inner_pointers--Wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}


.video---ExtraContent {
    padding: 35px 0px;
}

.video---ExtraContent p {
    font-size: 20px;
    font-weight: 500;
    color: #3a3a3a;
    line-height: 150%;
}

.inner_pointers--Wrap p {
    font-size: 16px;
    font-weight: 500;
    color: #3A3A3A;
}

.middle__SectionGrid {
    display: flex;
    gap: 20px;
    align-items: center;
    background: #fff;
    border-radius: 32px;
    padding: 36px 40px;
    margin: 40px 0px 20px;
}

.middle--SectionIcon img {
    height: 85px;
}

.middle--SectionContent h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
}

.middle--SectionContent p {
    font-size: 16px;
    font-weight: 400;
    color: #626262;
}

.extra--PointersHeading h4 {
    font-size: 20px;
    font-weight: 600;
    color: #3a3a3a;
    line-height: 150%;
}

.delivery--ModelsSection {
    padding: 40px 0px;
}

.delivery--ModelsSection h4 {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 15px;
}

.delivery--ModelsSection p {
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    margin-bottom: 30px;
}

.delivery--OuterBoxes {
    display: flex;
    gap: 20px;
}

.delivery--grid_wrp {
    background: #fff;
    padding: 36px;
    border-radius: 32px;
    flex: 1 0 0;
}

.delivery--grid_wrp p {
    margin: 0px;
}

.delivery--grid_wrp h6 {
    font-size: 16px;
    font-weight: 700;
    color: #21A55E;
    margin-bottom: 20px;
}

.delivery--grid_wrp h4 {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
}

section.managed__ServicesSection {
    padding: 60px 0px 0px;
}

section.managed__ServicesSection .heading {
    margin-bottom: 40px;
}

section.managed__ServicesSection .heading h3 {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 150%;
}

.managed__gridwrp {
    display: grid;
    /* grid-template-columns: 50% 50%; */
    gap: 30px;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}
.managed_contentListWrp {flex: 1 0 0;}

.managed__ContentWrap h4 {
    padding: 12px 14px;
    background: #21A55E;
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
}

.managed__ContentWrap {
    margin-bottom: 20px;
}

.managed__ContentWrap p {
    font-size: 16px;
    font-weight: 400;
}

.managed__ContentWrap h4 span {
    background: #fff;
    width: 27px;
    height: 27px;
    display: inline-block;
    border-radius: 3px;
    color: #21A55E;
    text-align: center;
    margin-right: 10px;
}

.support_div_wrp a.btn.btn-transparent {
    border: 1px solid #21a55e;
    background: transparent;
    color: #21a55e;
    font-size: 20px;
    width: 100%;
    border-radius: 90px;
    text-align: center;
}

.support_div_wrp {
    margin-top: 35px;
}

section.managed--SerivicesWrap {padding: 0px 0px 40px 0px;}
section.management_support_sectionmain {
    padding: 60px 0px;
}

section.management_support_sectionmain .heading {
    margin-bottom: 40px;
}

section.management_support_sectionmain .heading h3 {
    margin-bottom: 30px;
}

.extra_pointers_grid.grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px;
}

.extra_pointers_grid.grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px;
}

.extra_grid_management {
    display: flex;
    gap: 32px;
}

.extra_grid_content_management {flex: 1 0 0;padding: 36px;border-radius: 32px;background: #fff;}

.extra_grid_content_management h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: #21A55E;
    margin-bottom: 20px;
    text-align: left;
}

.extra_grid_content_management h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 15px;
    text-align: left;
}

.extra_grid_content_management ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.extra_grid_content_management ul li span {
    width: 20px;
    display: inline-block;
    text-align: left;
}

img.icon_wraper_bottom_strip {
    position: absolute;
    bottom: 20%;
    right: 0px;
    left: 0px;
    text-align: center;
    margin: 0px auto;
}

.extra_grid_content_management ul li span {
    position: absolute;
    top: 0px;
    left: 0px;
}

.extra_grid_content_management ul li {
    text-align: left;
    position: relative;
    padding-left: 20px;
}

/* Tablet: 2 per row */
@media (max-width: 768px) {
  .extra_pointers_grid.grid-4,
  .extra_pointers_grid.grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile: 1 per row */
@media (max-width: 480px) {
  .extra_pointers_grid.grid-4,
  .extra_pointers_grid.grid-3 {
    grid-template-columns: 1fr !important;
  }
}


section {
  scroll-margin-top: 80px; /* adjust to your fixed header height */
}


/* Questionnair CSS */
.banner---MainHeading h1  {
    font-size: 44px;
    line-height: 52px;
    font-weight: 500;
    color: #000;
}

.banner---MainHeading h1 span {
    background: linear-gradient(90deg, #21A55B 38.37%, #24D4F0 51.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.bg--questionnaire--Banner img {
    height: 100%;
    width: 100vw;
    object-fit: cover;
    object-position: center;
}

.banner---MainHeading {
    position: absolute;
    top: 45%;
}

section.page_questionnaire_mainheader {
    position: relative;
    height: 45vh;
}

.bg--questionnaire--Banner {
    position: absolute;
    z-index: -1;
}

.page-template-flexible-php.page.page-id-3944 {
    background: #F3F7F6;
}
.questionnaire-box {
    background: white;
    /* padding: 2px 70px; */
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    align-items: center;
    display: grid;
    max-width: 1025px;
    margin: auto;
    margin-top: -27px;
}

section.questionnaire-section {
    padding: 0px 0px 80px;
}

div#questionnaire-intro h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 45px;
}

button#start_questionnaire {
    background: #21A55E;
    color: #fff;
    outline: 0px;
    border: none;
    padding: 9px 48px;
    border-radius: 6.4px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.selectgrid {
    display: flex;
    gap: 20px;
}

.selectouter {
    flex: 1 0 0;
}

.selectouter span select {
    width: 100%;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    font-size: 18px;
}

.selectouter label {
    padding: 0px !important;
    margin: 0px !important;
}
div#questionnaire-form-wrapper {
    padding: 80px 80px;
}

div#questionnaire-intro {
    height: 350px;
    padding: 45px 45px 0px;
    text-align: left;
}

div#questionnaire-form-wrapper p.question-text {
    font-size: 28px;
    font-weight: 500;
    line-height: 130%;
}
.questions_div_wrap {
    padding: 0px 0px 45px;
}

.questions_div_wrap .options p {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    padding-left: 40px;
}

.questions_div_wrap .options p input {
    margin-right: 20px;
}
.form-heading-steps{
    margin-bottom: 40px;
}
.form-heading-steps h3 {
    font-size: 40px;
    font-weight: 500;
}

.step-controls p {
    display: flex;
    gap: 30px;
}

button.prev-btn {
    background-color: #fff !important;
    border: 1px solid #21A55E !important;
    padding: 10px 48px !important;
    color: #21A55E !important;
    border-radius: 6px !important;
    font-size: 20px !important;
    font-family: 'Montserrat' !important;
    margin: 0px !important;
    text-decoration: none !important;
    display: unset !important;
}

div#cc_monitor {
    margin-bottom: 35px;
}

.questions_div_wrap .options p input[type="radio"] {
    position: absolute;
    top: 15px;
    left: -25px;
}

.questions_div_wrap .options p label {
    position: relative;
}
.form-heading-steps h4 {
    font-size: 32px;
    color: #21A55E;
    line-height: 52px;
}

.messagediv textarea {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.contact-hero-section 
  .contact-form-block 
  form 
  .contact-form-grid 
  .contact-form-bottom-field {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
}

.contact-form-bottom-field .wpcf7-list-item {
    margin: 5px 0px;
}

div#maintain-question {
    margin-bottom: 30px;
}

.messagediv textarea::placeholder {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #A6A6A6;
}

.options .wpcf7-list-item {
    margin: 0px;
}

label.common_other_option {
    padding: 0px;
    margin: 0px;
}

label.common_other_option input {
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 10px;
    margin-left: 40px;
    position: relative;
    top: -20px;
}

label.common_other_option br {
    display: none;
}

span.wpcf7-list-item.last label {
    margin-bottom: 0px;
}

.inputdiv input {
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #D9D9D9;
}

div#questionnaire-thankyou {
    padding: 90px 60px 90px;
    text-align: left;
}

div#questionnaire-thankyou h2 {
    font-size: 66px;
    font-weight: 500;
    color: #21A55E;
    margin-bottom: 35px;
}

div#questionnaire-thankyou p {
    font-size: 40px;
    line-height: 52px;
    color: #000;
    margin-bottom: 30px;
}

div#questionnaire-thankyou .result-actionbtn {
    justify-content:flex-start;
}


/* #popmake-3965 .popmake-close{
  display: none;
} */

#popmake-3965{
    background: #fff;
    border-radius: 10px;
    padding: 60px 55px;
}

#popmake-3965 .download-title{
    color: #1F1F1F;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    font-family: 'Montserrat';
}

#popmake-3965 .two-column p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 0px  0px 15px;
    /* width: 100%; */
}

#popmake-3965 .two-column p input,
#popmake-3965 .one-column p input, #popmake-3965 .two-column p select{
  width: 100%;
    border: 0.62px solid var(--Neutrals-Gray-50, #D9D9D9);
    padding: 9px 8px;
    border-radius: 3px;
    outline: 0px;
}

#popmake-3965 .two-column p label,
#popmake-3965 .one-column p label{
    color: #000000;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 100%;
}

#popmake-3965 .one-column p label span{
  display: block;
}

#popmake-3965 .download-btn{
  text-align: center;
  margin-top: 20px;
}

#popmake-3965 .download-btn .wpcf7-submit{
    background-color: #21A55B;
    cursor: pointer;
    border: 0px;
    padding: 10px 48px;
    color: #fff;
    border-radius: 6px;
}

#popmake-3965 .download-btn .wpcf7-spinner{
  display: block;
}

.progressbar-steps .step.done:last-child::before {
    display: none;
}

.questionnaire-step button.next-btn, .questionnaire-step button.prev-btn{
    width: 200px;
}
.middle_select select {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
}


/* Micro Assessment CSS */
#score-output.blur {
  filter: blur(35px);
  opacity: 0.6;
  pointer-events: none;
  user-select: none;
  transition: filter 0.6s ease, opacity 0.6s ease;
}

.questions_div_wrap .options p input[type="checkbox"] {
    position: absolute;
    top: 15px;
    left: -25px;
}

.cf7-quiz-step input[type="checkbox"] {
    transform: scale(1.4);
}

.cf7-quiz-step input[type="checkbox"] {
    transform: scale(1.8);
    margin-right: 10px;
    accent-color: #21A55B;
}
.cf7-quiz-step p span.wpcf7-checkbox .wpcf7-list-item{
  display: block;
  margin-top: 20px;
}


/* Custom Exit Popup */
.exit-popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: flex;
}
.exit-popup {
    background: #fff;
    padding: 60px 30px;
    border-radius: 12px;
    text-align: center;
    width: 800px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    animation: fadeInUp 0.3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
}
.exit-popup .close-btn {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}
.exit-popup button {
    margin-top: 20px;
    padding: 12px 25px;
    background: #007bff;
    border: none;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}
@keyframes fadeInUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* AI TeamMates CSS */
.main_title h4 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.main_title p {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    line-height: 150%;
    color:#1F1F1F;
}

section.ai-services-wrapper {
    padding: 60px 0px;
}

.services_ai_mini_blocks_inner {
    display: flex;
    gap: 35px;
    align-items: center;
    padding: 20px;
}

.services_wrapper_main {
    padding: 30px 0px;
}

.services_ai_title h4 {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    line-height: 150%;
    margin-bottom: 20px;
}

.services_ai_mini_blocks_outer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0px;
}

.services_ai_content h5 {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

.green_block {
    background: #E6F7E8;
    border: 2px solid #21A55E;
    border-radius: 20px;
}

.purple_block {
    background: #E8DFEA;
    border: 2px solid #8E649B;
    border-radius: 20px;
}

.blue_block {
    background: #D8EAF0;
    border: 2px solid #439BB6;
    border-radius: 20px;
}

section.ai-services-sectionwraper {
    padding: 60px 0px;
    /* background: #ddd; */
}

.green_section {
    background: #E6F7E8;
}

.purple_section {
    background: #E8DFEA;
}

.blue_section {
    background: #D8EAF0;
}

.ai-serices--main-header h4 {
    font-size: 128px;
    line-height: 150%;
    font-weight: 700;
    text-align: center;
}

section.ai-services-sectionwraper.green_section .ai-serices--main-header h4 {
    color: #21A55E;
}
section.ai-services-sectionwraper.purple_section .ai-serices--main-header h4 {
    color: #8E649B;
}
section.ai-services-sectionwraper.blue_section .ai-serices--main-header h4 {
    color: #439BB6;
}

.ai-services--BlockInner ul li {
    list-style: disc;
    text-align: left;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 10px;
    color: #565656;
}

.ai-services--BlockInner h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
    margin: 20px 0px;
}

.ai-services--BlockOuter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 100px;
    grid-row-gap: 0px;
    padding: 40px;
}

.ai-services--BlockInner img {
    height: 114px;
}

.ai-services--BlockInner {
    text-align: center;
}


section.ai-teammates-flip-box-section .flip-box-front img {
    height: 100%;
}

section.ai-teammates-flip-box-section .flex.tiles-data-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
}


section.ai-teammates-flip-box-section .tiles-inner-wrap{
    width:100%;
}

section.ai-teammates-teamsection .col-2 {
    width: 260px;
}
section.ai-teammates-teamsection .team-wrap img {
    width: 260px;
}

section.ai-teammates-flip-box-section {
    padding-bottom: 80px;
    background: #D8EAF0;
}

section.ai-teammates-partners .heading-title {
    text-align: center;
}

section.ai-teammates-partners .heading-title h2{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
}

section.ai-teammates-partners .tech-icon img {
    width: 225px;
}

section.ai-teammates-partners .partner-image-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  border-radius: 20px;
  background: #F4F4F4;
  flex-wrap: wrap; /* allow wrap if needed */
}

section.ai-teammates-partners .partner-image-container .tech-icon {
    width: 225px;
    max-height: 175px;
    align-items: center;
    display: flex;
}

section#ai-teammates-newletter-form {
    margin: 0px 0 70px;
}

section.ai-teammates-partners .wrapper-container-partner {
    padding-top: 80px;
}

section.ai-teammates-partners .wrapper-container-partner .heading-title {
    margin-bottom: 40px;
}

section.ai-teammates-teamsection {
    padding: 0px 0px 60px;
}

section.ai-teammates-teamsection .common_heading h2 {
    margin: 0px;
}

section.ai-teammates-teamsection .common_heading {
    padding-bottom: 40px;
}

section.ai-teammates-flip-box-section h2.tile-heading {
    margin-bottom: 40px;
}

.flow-grid ul li {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 5px;
    list-style: disc;
    font-weight: 500;
    color: #3A3A3A;
}

.flow-grid .icon {text-align: center;}
.flow-grid-container {
    display: flex;
    align-items: stretch;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

/* --- First block: flat left, arrow on right --- */
.flow-grid:first-child {
    background: #E6F7E8;
    border-radius: 32px 0 0 32px;
    max-width: 365px;
}

/* --- Middle block: arrows on both sides --- */
.flow-grid:nth-child(2) {
    background: #E8DFEA;
    z-index: 1;
    max-width: 450px;
    padding-left: 120px;
}

/* --- Last block: arrow on left, flat right --- */
.flow-grid:last-child {
    background: #D8EAF0;
    clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
    padding-left: 115px;
}

.flow-grid {
    flex: 1;
    padding: 30px 30px;
    position: relative;
    color: #000;
}

.flow-grid h3 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.flow-grid ul {
    margin: 0;
    padding-left: 18px;
}

.flow-grid .icon img {
    height: 80px;
    margin-bottom: 15px;
}
.flow-grid:first-child::after {
    content: "";
    position: absolute;
    background-image: url(https://gruve.jp/wp-content/uploads/2025/09/Polygon-29-1.png);
    height: 100%;
    top: 0px;
    background-repeat: no-repeat;
    width: 93px;
    right: -92px;
    z-index: 2;
}


.flow-grid:nth-child(2)::after  {
    content: "";
    position: absolute;
    background-image: url(https://gruve.jp/wp-content/uploads/2025/09/Polygon-29.png);
    height: 100%;
    top: 0px;
    background-repeat: no-repeat;
    width: 93px;
    right: -90px;
    z-index: 2;
}

.flow-grid:last-child .icon {
    position: relative;
    left: -50px;
}

section.flow_section_main {
    padding: 60px 0px;
}
section.flow_section_main .main_title {
    margin-bottom: 40px;
    text-align: center;
}

section.flow_section_main .main_title h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
}
.services_ai_icon {
    flex: 0 0 70px;
}
.mobile-Title{
    display: none;
}
.tech-icon:last-child {
    width: 133px !important;
}
.services_ai_mini_blocks_outer a {
    text-decoration: none;
    color: #000;
}


/* Dreamforce Landing Page */
section.landing_page_timer_banner_main_section {
    padding: 30px 0px 80px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

body.page-id-4146 header {
    display: none;
}

.top_logo_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.logo_box_main:nth-child(1) img {
    width: 187px;
}

.logo_box_main:nth-child(2) {
    width: 48px;
}

.logo_box_main:nth-child(3) {
    width: 142px;
}
.top_banner_title_main h1 {
    font-size: 48px;
    text-align: center;
    font-weight: 500;
    line-height: 150%;
}
.top_banner_content_main p {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    line-height: 150%;
    text-align: center;
}
.top_banner_content_main p strong {
    font-weight: 600;
}

.top_time_banner_content {
    width: 85%;
    margin: 0px auto;
}

.top_banner_content_main {padding: 30px 0px;}
div#countdown {
    display: flex;
    justify-content: center;
    margin: 30px 0px;
    gap: 2px;
}
div.unit {
    display: flex;
    gap: 1px;
    text-align: center;
}

div.unit .digit {
    background: #fff;
    font-size: 80px;
    font-weight: 500;
    padding: 35px;
    width: 115px;
    border-radius: 16px;
}

.unit-wrap .label {
    text-align: center;
    margin: 20px 0px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.countdown .colon {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 10px;      /* horizontal gap between groups */
  align-items: center; /* keep dots centered */
  gap: 35px;
}
.countdown .colon span {
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  position: relative;
  top: 67px;
}
.banner_time_cta a {
    display: inline-block;
    padding: 16px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    border-radius: 4px;

    background-color: #0076D3; /* solid main blue inside */
    border: 2px solid transparent; /* reserve space for gradient border */

    /* gradient border */
    background-image: linear-gradient(#0076D3, #0076D3),
                      linear-gradient(90deg, #D9E8F8, #0076D3);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.banner_time_cta {
    text-align: center;
}

.bottom_left_image_wrp {
    position: absolute;
    bottom: -100px;
    left: -25px;
}

.bottom_right_image_wrp {
    position: absolute;
    right: 0;
    bottom: -90px;
}

.bottom_right_image_overlap_wrp {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 0;
}

.intro--LandingOuter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(https://gruve.jp/wp-content/uploads/2025/09/Frame-2147226331.png);
    padding: 100px 55px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    gap: 40px;
}

.intro--LandingContent {
    flex: 0 0 48%;
}

.intro--LandingContent h3 {
    font-size: 36px;
    line-height: 150%;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.intro--LandingContent p {
    font-size: 24px;
    line-height: 150%;
    color: #fff;
}

section.intro--LandingPageSection {
    padding: 80px 0px;
    background: #FAFAFA;
}

.agent--OuterBox {
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(2, 1fr);
}

.agent--InnerBoxLanding {
    flex: 1 0 0;
    border: 5px solid transparent; /* border thickness */
  background: 
    linear-gradient(#ffffff, #ffffff) padding-box, /* inner background */
    linear-gradient(90deg, 
      #FEC9F8, 
      #FEC53C, 
      #57BF9F, 
      #57BF9F, 
      #00BCF9
    ) border-box;
    border-radius: 20px;
}

.agent--TopContent {
    padding: 65px 45px;
    text-align: center;
    background: #D9E8F8;
    border-radius: 16px 16px 0px 0px;
}

.agent--BottomContent {
    padding: 30px 40px;
    text-align: center;
    min-height: 215px;
    background-color: #fff;
}

.agent--TopContent h4 {
    font-size: 42px;
    color: #0F9EDA;
    font-weight: 600;
    line-height: 120%;
    min-height: 65px;
}

.agent--TopContent h5 {
    font-size: 24px;
    line-height: 150%;
    font-weight: 500;
    margin: 0px;
}

.agent--CardCtaMain {
    text-align: center;
    padding-bottom: 50px;
    background-color: #fff;
    border-radius: 0px 0px 14px 14px;
}

.agent--CardCtaMain a {
    padding: 12px 16px;
    background: #0076D3;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

section.agent--LandingSection {
    padding-bottom: 65px;
    background: #FAFAFA;
}

.why--meetgdmOuter {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 40px; /* adjust as needed */
}

.why--meetgdmOuter > .why--meetgdmInner:nth-child(3) {
  grid-column: 1 / -1;
}

.why--meetgdmInner {
    text-align: center;
    padding: 40px;
    background: #009CD7;
    border-radius: 20px;
    position: relative;
    margin: 50px 0px 0px;
}

.why--meetdgmContent h4 {
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 25px;
}

.why--meetdgmContent ul {
    text-align: left;
}

.why--meetdgmContent ul li {
    list-style: disc;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
}

.why--meetdgmContent p {
    font-size: 20px;
    font-weight: 400;
    color:#fff;
}


.why--meetdgmIcon {
    position: absolute;
    left: 0;
    right: 0;
    top: -55px;
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background: #fff;
    padding: 27px;
    border-radius: 90%;
}

.why--meetdgmContent {padding-top: 30px;}

.main--header_subheading {
    margin-bottom: 40px;
    text-align: center;
}

.main--header_subheading h4 {
    font-size: 36px;
    font-weight: 600;
}

.main--header_subheading p {
    font-size: 24px;
    line-height: 150%;
    color: #1f1f1f;
    font-weight: 400;
}

.blue-light {
    background: #009CD7;
}

.blue-dark {
    background: #0B6BD5;
}

.blue-normal {
    background: #89CDFA;
}

section.why_meet_gruve_dm_section {
    padding: 0px 0px 80px 0px;
    background: #FAFAFA;
}

.customer--outer-grid {
    display: flex;
    gap: 75px;
}

.customer--LogoGrid img {
    height: 63px;
}

.customer--LogoGrid {
    text-align: center;
    margin-bottom: 30px;
}

.customer--RatingGrid {
    text-align: center;
    margin-bottom: 10px;
}

.customer--InnerGrid {
    flex: 1 0 0;
    margin: 30px 0px;
    background: #fff;
    padding-top: 40px;
    border-radius: 20px 20px 0px 0px;
}

.customer--ContentGrid {
    padding: 0px 30px 30px;
    text-align: center;
    min-height: 210px;
}

.customer--DetailsGrid {
    padding: 15px 30px;
    text-align: center;
    background: #0F9EDA;
    border-radius: 0px 0px 20px 20px;
}

.customer--ContentGrid p {
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
    color: #1f1f1f;
}

.customer--DetailsGrid h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    line-height: 150%;
}

.customer--DetailsGrid h6 {
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #E8E8E8;
}

section.what_customer_say_section {
    padding-bottom: 30px;
    background: #FAFAFA;
}

.section__CTA_Main {
    margin-top: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.section__CTA_Main a {
    background: #0076D3;
    text-decoration: none;
    padding: 12px 16px;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
}

.meet__gvteamdm {
    justify-content: center;
    margin-bottom: 75px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
       /* horizontally center inside each cell */
    align-items: center;
    grid-row-gap: 40px;
}

.meet__gvteamdm > :nth-child(2) {
  justify-self: center;  /* center */
}

.meet__gvteamdm > :nth-child(3) {
  justify-self: end;     /* right */
}
.meet__gvteamdm > :nth-child(5) {
  justify-self: center;   /* left */
}

.meet__gvteamdm > :nth-child(6) {
  justify-self: right;  /* center */
}

.meet_gvteam_inner {
    text-align: center;
    padding: 20px;
    box-shadow: 3px 6px 19px -11px #000;
    border-radius: 16px;
    background: #fff;
    width: 260px;
}
.meet_gvteam_image img {
    border-radius: 12px;
}

.meet_gvteam_image {
    margin-bottom: 20px;
}

.meet_gvteam_cotent h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
}

.meet_gvteam_cotent h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 15px;
}
a.btn.btn-meetteam {
    padding: 12px 16px;
    background: #0076D3;
}

section.meetgrteam--Section {
    padding: 0px 0px 220px 0px;
    background: #FAFAFA;
}

.agenda--Highlights-Block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 50px;
    position: relative;
}
.agenda--Hightlight-Inner .bg-white {
    padding: 48px 46px;
    background: #fff;
}
.agenda--Hightlight-Inner {
    border: 5px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, /* inner background */ linear-gradient(90deg, #FEC9F8, #FEC53C, #57BF9F, #57BF9F, #00BCF9) border-box;
    border-radius: 20px;
    display: flex;
    flex-direction: column;     /* stack h4 and p */
    align-items: center;        /* horizontal center */
    justify-content: center;    /* vertical center */
}

.agenda--Hightlight-Inner p {
    font-size: 24px;
    line-height: 130%;
    color: #1F1F1F;
}

.agenda--Hightlight-Inner h4 {
    font-size: 28px;
    font-weight: 700;
    color: #21A55E;
    line-height: 100%;
    width: 100%;
    margin-bottom: 15px;
}

section.dreamforce_agenda_highlights {
    padding-bottom: 60px;
    background: #FAFAFA;
}

.agenda--gvlogo {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    text-align: center;
}

section.prefooter_landing_page {
    padding: 50px 0px 315px;
    background: #011539;
    position: relative;
}

.prefooterdata--wraper {
    text-align: center;
    position: relative;
    z-index: 1;
}

.prefooterdata--wraper h3 {
    font-size: 60px;
    color: #fff;
    line-height: 150%;
    font-weight: 700;
}

.prefooterdata--wraper h5 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 30px;
}

a.btn.btn-landingwhite {color: #21A55E;background: #fff;font-size: 18px;font-weight: 600;}

.prefooter_bottom_devider{
    position: absolute;
    bottom: -275px;
    width: 100%;
}

.prefooter_bottom_devider img {
    width: 100%;
}

.prefooter_top_devider img {
    width: 100%;
}

.prefooter_top_devider {
    position: absolute;
    top: -185px;
    z-index: 1;
    width: 100%;
}

body.page-id-4146 footer.footer-container {
    position: relative;
    z-index: 2;
}

.m-block{
    display: none;
}

.d-desktop{
    display: block;
}

.agenda--Hightlight-Inner .bg-white{
    border-radius: 20px;
}
.intro--LandingVideo img {
    border-radius: 16px;
}

/* Exit Popup */
.popup__logowrap ul {
    display: flex;
    gap: 45px;
    justify-content: center;
    margin-bottom: 25px;
    align-items: center;
}

.popup__logowrap ul li {
    list-style: none;
}

.popup__logowrap ul li img {
    width: 110px;
}

.popup__logowrap ul li:last-child img {
    width: 70px;
}

.exit__PopupContent h3 {
    font-size: 40px;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 30px;
}

.exit__PopupContent h5 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 40px;
}

.exit__PopupContent {
    width: 85%;
    margin: 0px auto;
}

.exit__CTAWrap a {
    padding: 12px 36px;
    background: #21A55E;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}

#assessment-intro .accordion-content-wrapper {
  display: block;
}

/* CX Salesforce Landing Page */
body.page-id-4307 header {display: none;}
section.cx_salsesforce_landing_banner {
    padding-bottom: 60px;
}

section.cx_salsesforce_landing_banner .top_banner_title_main h1 {
    font-size: 42px;
    line-height: 150%;
    margin: 0px;
    font-weight: 600;
}
section.cx_salsesforce_landing_banner .top_banner_content_main {
    padding-top: 25px;
    margin-bottom: 20px;
}
.banner--InnerForm ul {display: flex;margin-bottom: 10px;justify-content: space-between;gap: 20px;}
.cx-contact-text-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 12px;
    gap: 10px;
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    background-color: transparent;
    color: #000;
    margin-top: 8px;
    width: 100%;
}

label.cx-contact-field-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.top__Banner_Form {
    background: linear-gradient(249deg, #fcfcfc24, #ffffff52);
    padding: 50px 65px;
    border-radius: 20px;
    border: 1px solid #fff;
    width: 85%;
    margin: 0px auto;
}

.banner--ButtonForm input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #21A55E;
    padding: 12px;
    border: 1px solid #21A55E;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    width: 560px;
    font-family: Montserrat;
    border-radius: 4px;
    margin-top: 30px;
}

.banner--ButtonForm{
    text-align: center;
    position: relative;
}

.banner--ButtonForm .wpcf7-spinner {
    position: absolute;
    top: 40px;
}

.banner--TitleForm h4 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 120%;
    margin-bottom: 30px;
}

section.landing_page_intro_pointer_section {
    padding: 60px 0px;
    background: #F3F7F6;
}

section.landing_page_intro_pointer_section .main--header_subheading p {
    width: 80%;
    margin: 0px auto;
}

.landing--IntroImage img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 32px;
    border: 3px solid #fff;
    box-shadow: 1px 1px 14px 2px #21A55B;
}

.landing--IntroOuter {
    display: grid;
    justify-content: space-between;
    gap: 60px;
    grid-template-columns: 50% 50%;
    align-items: center;
}
.landing--IntroPointer ul li img {
    margin-right: 30px;
    position: absolute;
    top: 5px;
    left: 0px;
}
.landing--IntroPointer ul li {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 25px;
    position: relative;
    padding-left: 60px;
}


.trusted--OuterGridMain {  
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 2fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "trusted-LogoSliderGrid trusted-LogoSliderGrid trusted--TestimonialBlock"
        "trusted-imageGrid trusted-imageGrid trusted--TestimonialBlock";
    grid-column-gap: 20px;
}

.trusted-LogoSliderGrid {grid-area: trusted-LogoSliderGrid;background: #fff;padding: 36px 0px;border-radius: 32px;margin-bottom: 20px;}

.trusted-LogoSliderGrid .partners-slider {
  position: relative;
  overflow: hidden;
}

.our-partners-slick .slick-slide img {
    height: 50px;
    margin: 0px auto;
}

.our-partners-slick {
    margin-bottom: 25px;
}

.trusted-LogoSliderGrid .partners-slider::before,
.trusted-LogoSliderGrid .partners-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;              /* width of fade/blur zone */
  height: 100%;
  z-index: 5;
  pointer-events: none;
  backdrop-filter: blur(1px);  /* blur effect */
}

.trusted-LogoSliderGrid .partners-slider::before {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0));
}

.trusted-LogoSliderGrid .partners-slider::after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,0.8), rgba(255,255,255,0));
}
.our-partners-slick:last-child {
    margin: 0;
}


.trusted--ImageWrapG {grid-area: trusted-imageGrid;display: flex;gap: 20px;}
.trusted-imageGrid {
    flex: 1 0 0;
}

.trusted-imageGrid img {
    width: 100%;
    border-radius: 32px;
}

.trusted--TestimonialBlock {grid-area: trusted--TestimonialBlock;background: #fff;padding: 36px 20px;border-radius: 32px;}

section.landing_page_with_trusted_section {
    background: #F3F7F6;
    padding-bottom: 60px;
}

.grid_InnerTitle h4 {
    font-size: 14px;
    color: #21A55E;
    font-weight: 600;
    padding: 8px 24px;
    border: 1px solid #21A55E;
    border-radius: 90px;
    display: inline-block;
    margin-bottom: 30px;
    background: #E9F6EF;
}

.grid_InnerTitle {
    text-align: center;
}

section.landing_page_with_trusted_section .slide.swiper-slide.partners-item {
    height: 55px;
}
.trusted--InnerTestimonial {
    padding-top: 20px;
    background: #F3F7F6;
    text-align: center;
    border-radius: 32px;
}

.trusted-T-ContentBlock {
    margin-bottom: 50px;
    padding: 0px 20px;
}

.trusted-T-ContentBlock p {
    margin: 0px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: #3A3A3A;
}

.trusted-T-RatingBlock {
    margin-top: 40px;
    margin-bottom: 20px;
}

.trusted-T-InfoBlock {
    background: #21A55E;
    border-radius: 0px 0px 32px 32px;
    padding: 20px 0px;
}

.trusted-T-InfoBlock h4 {
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

.trusted-T-InfoBlock h6 {
    font-size: 15px;
    line-height: 120%;
    margin: 0px;
    color: #fff;
    font-weight: 300;
}

/* Testimonial */
.trusted-T-RatingBlock img {
    margin: 0px auto;
}

/* Happy Client */
.couter--Client {
    display: flex;
    gap: 72px;
    margin-bottom: 50px;
}

.counter--ClientInner {
    flex: 1 0 0;
    text-align: center;
    padding: 40px;
    box-shadow: 1px 1px 13px -6px #000;
    border-radius: 32px;
    background: #fff;
}

.counter--Number h3 {
    font-size: 86px;
    font-weight: 500;
    color: #21A55E;
    line-height: 100%;
}

.counter--Title h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    margin: 0pc;
}

.counter--Title {
    margin-top: 20px;
}

section.landing_page_happier_client {
    background: #F3F7F6;
    padding-bottom: 20px;
}
.happyclient-featureOuter {
    display: flex;
    gap: 50px;
}
.happyclient--Icon img {
    height: 90px;
}
.happyclient--FeatureBlock {
    flex: 1 0 0;
    text-align: center;
    padding: 24px 16px;
    background: #fff;
    border-radius: 32px;
    box-shadow: 1px 1px 13px -6px #000;
}

.happyclient--Content h4 {
    font-size: 20px;
    margin: 20px 0px;
    font-weight: 500;
}

.happyclient--Content p {
    font-size: 16px;
    color: #222222;
}
section.agent_type_section {
    background: #F3F7F6;
    padding: 60px 0px;
}
section.agent_type_section .landing--IntroImage img {
    box-shadow: none;
    border: 0px;
    height: 100%;
}

.landing--IntroPointer ul li span {
    position: absolute;
    top: 5px;
    left: 0px;
    height: 30px;
    width: 30px;
    background: #21A55E;
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
}

section.agent_type_section .landing--IntroPointer ul li {
    line-height: 45px;
    padding-left: 40px;
}
/* Expertise Section */
section.landing_page_expertise_section {
    background: #F3F7F6;
}
.text-white {
    color: #fff;
}

.expertise---OuterMain {
    background: #1C6F45;
    padding: 64px 80px;
    border-radius: 32px;
    position: relative;
}

.expertise--MainGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 32px;
}

.expertise--Block ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.expertise--Block {
    background: #fff;
    padding: 20px 36px;
    border-radius: 24px;
}

.expertise--Block li {
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
}

.expertise--Block ul li:first-child {
    flex: 0 0 70px;
}

section#cx_salesforce_faq_section {
    background: #F3F7F6;
    padding-bottom: 80px
}
section#cx_salesforce_faq_section .faq-accordion{
    padding-left: 0% !important;
    padding-right: 0% !important;
    margin-top: 20px;
}
section#cx_salesforce_faq_section .faq-items-container {
    padding-top: 40px !important;
    padding-bottom: 0px;
}
section#cx_salesforce_faq_section .faq-accordion-lists.active {
    background: #F8F9FA;
}
section#cx_salesforce_faq_section .faq-accordion-lists-question h2 {
    font-size: 24px !important;
}
section#cx_salesforce_faq_section .faq-answer-sub-box p {
    font-size: 24px !important;
    line-height: 150% !important;
    font-weight: 400;
}

/* call to action */
.call-to-action-mainblock {
    background: #21A55E;
    border-radius: 32px;
    overflow: hidden;
}

.call-to-action-mainblock h4 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

a.btn.btn-calltoaction {
    background: #fff;
    color: #21A55E;
    font-size: 18px;
    font-weight: 600;
}

.call-to-actioncta {
    text-align: center;
    margin: 35px 0px 0px !important;
}

.cta--Subtitle h6 {
    font-size: 20px;
    color: #fff;
    margin: 0px !important;
    line-height: 150%;
    margin-top: 14px;
    text-align: center;
}

.decorative--block1 img {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.decorative--elementswrap {
    position: relative;
    border-radius: 0px 0px 32px 32px;
}
.decorative--block2 img {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.decorative--block3 img {
    width: auto;
    position: absolute;
    bottom: 0;
    right:0;
}

.call-to-action--ContentBlock {
    padding: 42px 177px 165px;
}
section.landing_page_call_to_action {
    background: #F3F7F6;
    padding-bottom: 70px;
}
.decorative--Ele-Gruve {
    position: absolute;
    top: 0;
    right: 0;
}

.banner--InnerForm ul li {
    width: 100%;
}

/* Ditex */
body.page-id-4438 section.landing_page_timer_banner_main_section {
    padding: 30px 0px 80px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background: #00000073;
    background-attachment: fixed;
    height: 100vh;
    display: flex;
    align-items: center;
    background-position: center;
}
.top_banner_content_main h4 {
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.top_banner_content_main h6 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

body.page-id-4438 .top_banner_title_main h1 {
    font-size: 94px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px;
    line-height: 68px;
}
.page-id-4438 header {
    display: none;
}
body.page-id-4438 .why--meetgdmOuter > .why--meetgdmInner:nth-child(3) {
    grid-column: unset;
}
body.page-id-4438 .intro--LandingContent h3 {
    font-size: 50px;
    color: #fff;
    margin: 0px;
}
body.page-id-4438 .countdown .colon span {
    background: #fff;
}
body.page-id-4438 .agenda--gvlogo {
    position: absolute;
    top: 37%;
}
body.page-id-4438 .top_logo_wrap {
    position: absolute;
    top: 30px;
    left: 10%;
    /* right: 0; */
}
body.page-id-4438 .banner_time_cta a {
    background: #B0FF2B;
    color:#000;
}

body.page-id-4438 div.unit .digit {
    background: #00000026;
    color: #B0FF2B;
}

body.page-id-4438 .top_banner_title_main h1 {
    text-shadow: 1px 1px 1px #000;
    margin: 30px 0px;
    letter-spacing: 10px;
}


body.page-id-4438 .unit-wrap .label {
    color: #fff;
}

body.page-id-4438 .top_banner_content_main p{
    text-shadow: 1px 2px 4px #5d5d5d;
}

body.page-id-4438 footer.footer-container {
    position: relative;
    z-index: 2;
}
body.page.page-id-4438 .agent--TopContent h4 {
    margin: 0px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000;
}

.agent--BottomContent ul li {
    font-size: 18px;
    line-height: 27px;
    color: #666;
    list-style: disc;
    text-align: left;
    margin-bottom: 10px;
}
.why_meet_grid_outer_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 50px;
}

.main--header_subheading.text-left {
    text-align: left;
}
.why_meet_datagrid {
    display: flex;
    align-items: center;
    /* padding: 20px; */
    background: #fff;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 9px -6px #000;
}
.why_meet_contentwrap {
    padding-left: 20px;
}
.why_meet_iconwrp img {
    height: 60px;
}

.why_meet_iconwrp {flex: 110px 0 0;display: flex;background: #B0FF2B;padding: 25px 14px;text-align: center;justify-content: center;border-radius: 20px;}

.section__CTA_Main.text-left {
    text-align: left;
}
body.page-id-4438 .intro--LandingOuter {
    padding: 0% 20%;
    text-align: center;
    display: unset;
}

body.page-id-4438 .intro--LandingOuter.intro--LandingContent {
    flex: unset;
}

body.page-id-4438 section.intro--LandingPageSection {
    background: #21A55E;
    padding: 30px;
}

body.page-id-4438 section.agent--LandingSection {
    padding: 80px 0px;
    background: #f3f3f3;
}

body.page-id-4438 .prefooter_bottom_devider.d-desktop, body.page-id-4438 .prefooter_top_devider.d-desktop, body.page-id-4438 .prefooter_bmob_divider.m-block{
    display: none;
}

body.page-id-4438 section.prefooter_landing_page {
    padding: 120px 0px;
    background-image: url(https://gruve.jp/wp-content/uploads/2025/09/GITEX-GLOBAL-2024.jpeg);
    background-blend-mode: overlay;
    background-color: #000000a1;
    background-position: top center;
}

body.page-id-4438 section.meetgrteam--Section {
    padding: 60px 0px;
}
body.page-id-4438 .section__CTA_Main a {
    background: #B0FF2B;
    color: #000;
}

body.page-id-4438 .agent--CardCtaMain a {
    background: #B0FF2B;
    color: #000;
    font-size: 16px;
    display: block;
    border-radius: 0px 0px 14px 14px;
}

body.page-id-4438 .agent--InnerBoxLanding {
    background: linear-gradient(#ffffff, #ffffff) padding-box, /* inner background */ linear-gradient(90deg, #B0FF2B, #ddffa4, #9fbe6a, #72b502, #72af0a) border-box;
    position: relative;
}

body.page-id-4438 .agent--TopContent {
    background: #f6f6f6;
    padding: 20px;
}

body.page-id-4438 .agent--OuterBox {
    gap: 20px;
    display: flex;
}

body.page-id-4438 .agent--CardCtaMain {
    padding: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0px 0px 14px 14px;
}

body.page-id-4438 .agent--BottomContent ul li {
    font-size: 16px;
}

body.page-id-4438 .agent--BottomContent {
    padding: 20px  30px;
    min-height: 570px;
    border-radius: 0px 0px 14px 14px;
}
body.page-id-4438 .agenda--Hightlight-Inner {
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #B0FF2B, #ddffa4, #9fbe6a, #72b502, #72af0a) border-box;
}
body.page-id-4438 .meet_gvteam_inner {display: flex;width: 100%;max-width: 100%;align-items: center;}

body.page-id-4438 .meet_gvteam_image img {width: 260px;height: 200px;object-fit: cover;object-position: top;border-radius: 20px;}

body.page-id-4438 .meet_gvteam_image {
    margin: 0px;
}

body.page-id-4438 .meet_gvteam_cotent {
    padding-left: 20px;
    text-align: left;
    position: relative;
    width: 100%;
}

body.page-id-4438 .meet__gvteamdm {
    grid-column-gap: 20px;
}

body.page-id-4438 a.btn.btn-meetteam {
    padding: 10px 10px;
    background: #B0FF2B;
    color: #000;
}

body.page-id-4438 .customer--DetailsGrid {
    background: #B0FF2B;
}

body.page-id-4438 .customer--DetailsGrid h4, body.page-id-4438 .customer--DetailsGrid h6 {color: #000;}
body.page-id-4438 section.dreamforce_agenda_highlights {
    padding-top: 80px;
}

body.page-id-4438 section.why_meet_gruve_dm_section {
    padding: 80px 0px 60px 0px;
    background: #FAFAFA;
    background-image: url(https://gruve.jp/wp-content/uploads/2025/09/Untitled-design-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
body.page.page-id-4438 .agent--TopContent h5 {
    font-size: 16px;
}

/* Ḷife @ Gruve */
.banner_grid_layout {display: flex;/* grid-template-columns: repeat(2, 1fr); */align-items: center;}

.banner_image_wraper {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -7px;
}

section.hero_banner_layout {
    height: 675px;
    position: relative;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, var(--Green-3, #E9F7ED) 0%, #FFF 100%);
}

.banner_content_wraper {
    text-align: center;
    flex: 775px 0 0;
}
.banner_content_wraper h3 span {
    color: #20A55E;
}
.banner_content_wraper h3 {
    color: #222;
    text-align: center;
    font-family: Montserrat;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 111.111% */
}

.banner_content_wraper p {
    color: #222;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    margin: 30px 0px;
}

.cta_banner_block a {
    padding: 12px;
    border-radius: 4px;
    background: #21A55E;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration: none;
}

section.life_culture_foundation {
    padding: 80px 0px;
}

.main_title_with_sub h6 {
    padding: 6px 16px;
    border-radius: 90px;
    background: #21A55E;
    color: #fff;
    display: inline-block;
    margin-bottom: 16px;
}

.main_title_with_sub h3 {
    color: #000;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 119.048% */
    margin: 20px 0px;
}

.main_title_with_sub {
    text-align: center;
}

.main_title_with_sub p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 112.5% */
}

.main_title_with_sub h3 span {
    background: linear-gradient(124deg, #BDDDA8 -17.86%, #21A55E 55.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
}

.foundation_grid_wraper_outer {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.middle--icon-main h4 {
    color: #21A55E;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
}

.middle--icon-main {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 35%;
}
.foundation_content_main {
    display: flex;
    position: relative;
    margin: 50px 0px;
    gap: 50px;
}

.f_icon_wraper {
    flex: 140px 0 0;
}
.f_content_wraper {
    width: 285px;
}
.f_content_wraper h4 {
    color: #21A55E;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}

.f_content_wraper p {
    color: #001A41;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.foundation_outer_1 .foundation_block_1 {
    position: relative;
    right: -110px;
}

.foundation_outer_1 .foundation_block_2 {
    position: relative;
    right: -10px;
}

.foundation_outer_1 .foundation_block_3 {
    position: relative;
    right: -110px;
}

.foundation_outer_2 .foundation_block_1 {
    position: relative;
    left: -110px;
}

.foundation_outer_2 .foundation_block_2 {
    position: relative;
    left: -10px;
}

.foundation_outer_2 .foundation_block_3 {
    position: relative;
    left: -110px;
}

.foundation_outer_1 .foundation_block_3 .f_content_wraper {
    position: relative;
    top: 40px;
}

.foundation_outer_2 .foundation_block_3 .f_content_wraper {
    position: relative;
    top: 40px;
}

.gruvian--OuterMainBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
    margin: 60px 0px;
}

.gruvian-img {
    width: 415px !important;
    height: 300px;
    object-position: center center;
    border-radius: 16px;
    object-fit: cover;
}

.gruvian--ImageWrap {
    border-radius: 20px;
    background: #21A55E;
    padding: 36px 40px;
    position: relative;
}

.gruvian--ContentWrap p {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 30px;
}

.gruvian--ContentWrap h4 {
    color: #989898;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.gruvian--ContentWrap h5 {
    color: #989898;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.quotes_content img {width: 115px !important;object-fit: contain;object-position: top;}

.quotes_content {
    position: absolute;
    top: 16%;
    right: 16%;
}

.readmore--Gruvian {
    position: absolute;
    right: 2%;
    bottom: 10%;
}

.readmore--Gruvian a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    text-decoration: none;
    padding: 12px 20px;
}


.readmore-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.readmore-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;             
    height: 50%;           
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top-right-radius: 2px;
    transition: all 0.3s ease;
}

/* Bottom-right half border */
.readmore-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;           
    height: 50%;          
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom-left-radius: 2px;
    transition: all 0.3s ease;
}

.readmore-btn:hover::before,
.readmore-btn:hover::after {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}
.owl-gruvian .owl-dots {
    position: absolute;
    top: 10%;
    right: 0;
}
.owl-gruvian .owl-dots .active span{
    background-color: #21A55E !important;
}
.owl-gruvian .owl-dots  span {
    width: 80px !important;
    height: 5px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
}
.owl-gruvian .owl-nav button:hover {
    background-color: transparent !important;
}
.owl-gruvian .owl-nav button img {
    height: 45px;
}
.owl-gruvian .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 155px;
    display: flex;
    gap: 20px;
    justify-content: center;
}
section.life_gruve_moments_section {
    padding: 60px 0px;
}
.moments--ImageContent img {
    height: 665px;
    object-fit: cover;
    border-radius: 20px;
}
.moments--ImageContent {
    margin: 50px 0px;
    position: relative;
}

.moments--ContentMain {
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.moments--ContentMain h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
}
.owl-moments .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 5%;
    display: flex;
    gap: 20px;
}
.owl-moments .owl-nav button:hover{
    background: transparent !important;
}

.team--OuterWraper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
}

.teamcelebrating_imagebox {
    border-radius: 20px;
    position: relative;
}

.team--OuterWraper img {
    height: 265px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    background: rgba(233, 246, 239, 1);
    box-shadow: 0 0 20px 0 rgba(170, 170, 170, 0.25) inset;
}

section.life_celebrating_people {
    padding: 60px 0px;
}

.teamcelebrating_box {
    margin: 60px 0px 0px;
    position: relative;
}

.team-label-wraper h4 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0px 0px 0px;
}

.team-label-wraper h5 {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 155.556% */
    margin: 0px;
}

.teamcelebrating_contentBox p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 15px 0px;
}

.team-label-wraper {
    position: absolute;
    bottom: 10%;
    right: -20px;
    padding: 10px 10px;
    background: linear-gradient(114deg, #BDDDA8 -13.62%, #21A55E 74.05%);
}

.team-label-wraper:before {
    content: "";
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    background: #000;
    transform: skew(0deg, 30deg);
    top: -11px;
    z-index: -1;
}

.life--prefooterCTA {
    /* display: flex; */
    width: 1280px;
    height: 604px;
    padding: 60px;
    align-items: center;
    /* gap: 120px; */
    /* flex-shrink: 0; */
    border-radius: 40px;
    /* border: 2px solid #EDEDED; */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%),  lightgray 50% / cover no-repeat;
    /* filter: blur(1px); */
    /* backdrop-filter: blur(4px); */
    background-size: cover;
    background-position: center top -135px;
    position: relative;
}

.life--prefooterCTA h3 {
    color: #FFF;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 63px;
    position: relative;
    z-index: 1;
}

.life--prefooterCTA h3 span {
    background: linear-gradient(114deg, #BDDDA8 -13.62%, #21A55E 74.05%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 63px;
}

.life--prefooterCTA p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    position: relative;
    z-index: 1;
}

.life--prefooterbutton a {
    border-radius: 4px;
    background: #21A55E;
    box-shadow: 0 4px 80px 0 rgba(33, 165, 94, 0.30);
    padding: 12px 24px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px; 
}

.life--prefooterbutton {
    text-align: center;
    margin: 30px 0px;
    position: relative;
    z-index: 1;
}

section.life_bottom_prefooter_cta {
    padding: 20px 0px 80px 0px;
}
.life--prefooterCTA::before {
    content: "";
    border-radius: 892px;
    background: radial-gradient(50.17% 50.17% at 49.88% 49.88%, rgba(94, 226, 155, 0.20) 11.49%, rgba(253, 253, 253, 0.00) 100%);
    position: absolute;
    width: 892px;
    height: 892px;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.life_journeybox {
    display: flex;
    justify-content: space-around;
    margin: 255px 0px 200px;
}

.life_gruvejourney_main {
    position: relative;
}

.life_journey_content h4 {
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 5px 43px;
    align-items: center;
    border-radius: 8px;
    background: #21A55E;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30px */
}

.life_journey_icon {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}

.life_journey_icon.top_icon_position {
    bottom: 120px;
}

.life_journey_icon.bottom_icon_position {
    bottom: -180px;
}

.life_journey_icon.top_icon_position:before {
    content: "";
    position: absolute;
    height: 177px;
    width: 3px;
    border-left: 3px solid #21A55E;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.life_journey_icon.bottom_icon_position:before {
    content: "";
    position: absolute;
    height: 177px;
    width: 3px;
    border-left: 3px solid #21A55E;
    left: 0;
    right: 0;
    margin: 0px auto;
    top:-85px;
}

.life_journey_icon img {
    position: relative;
}

.main_title_cta a {
    padding: 12px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
    background: #21A55E;
}

.main_title_cta {
    margin: 30px 0px 0px;
}

.life_gruvejourney_main::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    border-bottom: 3px solid #21A55E;
    left: -120px;
    top: 18px;
    z-index: -1;
}

.life_gruvejourney_main:last-child::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    border-bottom: 3px solid #21A55E;
    right: -120px;
    top: 18px;
    z-index: -1;
}
.eplore_journey_box {
    position: absolute;
    width: 326px;
    height: 199px;
    padding: 27px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 24px;
    background: #21A55E;
    top: 140px;
    right: -85px;
}

a.btn.btn-white {
    background: #fff;
    color: #21A55E;
}

.eplore_journey_box h4 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%; /* 24px */
    margin-bottom: 10px;
}

.eplore_journey_box p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}

.life_mainjOuter {
    position: relative;
}

.eplore_journey_box::before {
    content: "";
    position: absolute;
    height: 122px;
    width: 3px;
    border-right: 3px solid #21A55E;
    right: 80px;
    top: -120px;
}

section.life_gruve_journey {
    padding: 20px 0px 120px 0px;
}
.teamcelebrating_box:last-child img {
    object-position: center -47px;
}
.postmiddlesection p{
    margin: 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff!important;
    font-size: 1.125rem;
}
.postmiddlesection a {
    color: #000 !important;
    text-decoration: none !important;
}
.postmiddlesection .content-talk p:last-child{
    margin: 0px !important;
}

/* WhitePaper Single Page */
.desktop--logo{
    display: block;
    margin-bottom: 30px;
}
.single-whitepaper header {
    display: none;
}
.banner-w-Content h1 {
    color: #3A3A3A;
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}

.whitepaper-banner-content p {
    color: #3A3A3A;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}

.whitepaper-banner-ContentWraper {
    display: flex;
}

.banner-w-Content {
    flex: 53% 0 0;
}

.whitepaper-featured-img img {
    position: absolute;
    top: 10%;
    width: 100%;
    height: auto;
}

.whitepaper-featured-img {
    position: relative;
    width: 100%;
}

section.whitepaper--SinglePageSection {
    /* height: 85vh; */
    display: flex;
    align-items: center;
    padding-bottom: 60px;
}

.banner-w-label ul {
    gap: 10px;
    padding: 6px 16px;
    border-radius: 1000px;
    background: #21A55E;
    display: inline-flex;
    align-items: center;
}

.banner-w-label ul li:first-child {
    background: #fff;
    padding: 2px 12px;
    border-radius: 90px;
}

.banner-w-label ul li:last-child {
    color: #fff;
}

.banner-w-label {
    margin-bottom: 20px;
}

.whitepaper-publish-data {
    margin-bottom: 30px;
}

.banner-w-label ul li {
    color: #21A55E;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
}
.whitepaper-publish-data h4 {
    color: #3A3A3A;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}

.part_box_content h4 {
    color: #3A3A3A;
    font-size: 36px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px;
}

.part_box_content ul li strong, .part_box_inner_content ul li strong {
    font-weight: 600;
}

.part_box_content p {
    color: #3A3A3A;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

.part_box_content p span {
    color: #21A55E;
    font-size: 34px;
    font-weight: 600;
    line-height: 150%;
}

.part_box h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: inline-flex;
    padding: 6px 16px;
    border-radius: 1000px;
    background: #21A55E;
    color: #fff;
    margin: 0px;
}

.part_box {
    margin-bottom: 20px;
}

.w-border-left {
    border-left: 8px solid #21A55E;
}

.part_box_inner_content {
    margin-bottom: 40px;
    padding-left: 15px;
}

.part_box_content ul li, .part_box_inner_content ul li {
    list-style: disc;
    color: #3A3A3A;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}

.part_box_content ul, .part_box_inner_content ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

.part_box_inner_content h5 {
    color: #3A3A3A;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%; /* 28.8px */
}

section.whitepaper_content_component {
    padding: 30px 0px 20px;
}

.part_box_content ul li::marker, .part_box_inner_content ul li::marker {
    color: #b7b7b7;
}
.part_box_content ul li span, .part_box_inner_content ul li span{
    color: #21A55E;
    font-size: 34px;
    font-weight: 600;
    line-height: 48px;
}
.part_box_inner_content p span {
    color: #21A55E;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
}

.part_box_content ul li:has(img), .part_box_inner_content ul li:has(img) {
    list-style:none;
}

.part_box_content ul li img, .part_box_inner_content ul li img {height: 20px;margin-right: 10px;}

.blockgrid--OuterWhitepaper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.blockgrid--InnerWhitepaper {
    display: flex;
    align-items: center;
}

.blockgrid--ImageWhitepaper {flex: 0 0 80px;}

.blockgrid--ContentWhitepaper h4 {
    color: #3A3A3A;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
}

.blockgrid--ContentWhitepaper p {
    color: #3A3A3A;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 0px;
}

section.refrence--section {
    padding: 80px 0px;
}
.fullreport---wraper {
    padding-top: 60px;
}
.refrence--contentblock h5 {
    color: #3A3A3A;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
}

.refrence--contentblock ul li {
    color: #3A3A3A;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%; /* 30px */
    position: relative;
    padding-left: 35px;
}

.refrence--contentblock ul li span {
    position: absolute;
    top: 0px;
    width: 30px;
    text-align: center;
    left: 0;
}
.fullreport---wraper a.btn.btn-green {
    padding: 8.727px 14.545px;
    font-size: 24px;
    font-weight: 600;
}

/* Gruvian Single Page */
section.gruviams--sectionWraper {
    padding: 120px 0px 80px 0px;
    background: #f7f7f7;
}

.squeez-container {
    width: 60%;
    margin: 0px auto;
    background: #fff;
    padding: 60px 30px;
    border-radius: 16px;
}

.gruvian-single-ImageWrap {
    text-align: center;
}

.gruvian-single-ImageWrap h3 {
    font-size: 42px;
    line-height: 42px;
}

.gruvian-single-ImageWrap h6 {
    color: #8e8e8e;
}

.gruvian--Image--small img {
    height: 300px;
    width: 250px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 4px 4px 7px -4px #959595;
}

.gruvian--Image--small {
    margin-bottom: 20px;
}

.gruvian_content_Wraper ul {
    display: flex;
    justify-content: center;
    margin: 30px 0px;
    gap: 20px;
}

.gruvian_content_Wraper ul li img {
    height: 20px;
}
.foundation_content_main:hover .f_icon_wraper img {
    transform: scale(1.05);
    transition: all 0.9s;
}

.foundation_content_main .f_icon_wraper img {
    transition: all 0.9s;
}


/* Single Page CSS*/

.blog--faqs--wrapper {
    padding: 0px !important;
}

.blog--faqs--wrapper .faq-accordion {
    padding: 0px !important;
    margin: 0px !important;
}

.blog--faqs--wrapper .faq-accordion-lists-question {
    padding: 15px 20px !important;
    border-radius: 10px;
}

.blog--faqs--wrapper .faq-accordion-lists.active, .blog--faqs--wrapper .faq-accordion-lists.active .faq-accordion-lists-question{
    background-color: #21a55e !important;
    border-radius: 20px;
}

.blog--faqs--wrapper .faq-accordion-lists.active h2, .blog--faqs--wrapper p{
    color: #fff!important
}

.blog--faqs--wrapper .faq-accordion .faq-list-main-box .faq-accordion-lists.active .faq-accordion-lists-question .accordion-icon-component {
    border: 2px solid #fff !important;
}

.blog--faqs--wrapper .faq-accordion .faq-list-main-box .faq-accordion-lists.active .accordion-icon_vertical-line.icon-closed {
    background: #fff !important;
}

.blog--faqs--wrapper .faq-accordion-lists-question {
    background: #f7f7f7
}

/* Hidden Field*/
.hidden-field {
  display: none !important;
  visibility: hidden !important;
}
h4.text-center {
    text-align: center;
}

.delivery--ModelsSection.bg-Models-custom {
    padding: 30px;
    border-radius: 0px 0px 24px 24px;
}

.managed__ImageWrap img {
    width: 100%;
    border-radius: 24px;
}

.managed__gridwrp.extramanagedgrid {
    padding: 30px 30px 0px;
    border-radius: 26px 26px 0px 0px;
}

.managed__ImageWrap {
    width: 100%;
}

section.managed--SerivicesWrap.customer_model_grid {
    padding-bottom: 60px;
}

section.landing_page_call_to_action.call_to_action_newsection {
    padding-top: 40px;
}
.call-to-action--ContentBlock h6 {
    margin-top: 30px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%; /* 30px */
    letter-spacing: -0.42px;
}
.call-to-action--ContentBlock:has(h6) .call-to-actioncta{
    margin:0px;
}

/* AI Security */
.left-right-ContentIcon.smallIconExtra {
    flex: 0 0 16px;
    margin-top: 4px;
}
.eyebrow {
    display: inline-flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 1000px;
    background: #21A55E;
    margin-bottom: 12px;
}

.eyebrow h6 {
    margin: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

section.managed__ServicesSection.whatwecover_section {
    padding-top: 0px;
}

/* Cookie Policy */
.cookie-policy-content-wrapper h1 {
    font-size: 34px;
    color: #21A55E;
}

.cookie-policy-wraper h3 {
    font-size: 24px;
}

.cookie-policy-wraper {
    padding-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 30px;
}

.cookie-policy-wraper p a {
    color: #21A55E;
}

.cookie-policy-wraper ul li {
    list-style: disc;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
    color: #666;
}

.cookie-policy-wraper ul {
    padding-left: 40px;
}

/* AI Security Services */
.single--form-wrap {
    padding: 60px 80px 120px 100px;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
    margin-top: 60px;
}

.single--form--title h2 {
    color: #1F1F1F;
    font-size: 28px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 24px;
}
.form--inner-grid-layout p label {
    max-width: 100% !important;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%; /* 24px */
}

.form--inner-grid-layout p label input {
    width: 100%;
    height: 48px;
    padding: 14px 12px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-top: 10px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.form--inner-grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px;
    margin-bottom: 20px;
}
.form--inner-full-layout p label {
    max-width: 100% !important;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
}

.form--inner-full-layout p label textarea {
    width: 100%;
    height: 100px;
    padding: 14px 12px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-top: 10px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.form--inner-button-layout input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 12px 48px;
    border-radius: 8px;
    background: #21A55E;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%; /* 26px */
    border: 0px;
    font-family: Montserrat;
}

.form--inner-button-layout {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

button.clear-form {
    padding: 12px 48px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    color: #000;
    font-family: Montserrat;
    background-color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%; /* 26px */
}
span.asterisk {
    color: #A8071A;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    right: -5px;
}


body.postid-1125 section.ai-teammates-partners .partner-image-container .tech-icon:nth-child(3) img {
    width: 200px;
}
body.postid-1125 section.ai-teammates-partners .partner-image-container .tech-icon:last-child img {
    width: auto;
}
body.postid-1125 section.ai-teammates-partners .partner-image-container .tech-icon:first-child img {
    width: 95px;
}
body.postid-1125 section.ai-teammates-partners .partner-image-container .tech-icon:nth-child(2) img {
    width: 110px;
}

body.postid-1125 section.ai-teammates-partners .partner-image-container .tech-icon {
    width: auto;
}

body.postid-1125  section.ai-teammates-partners .partner-image-container {
    gap: 80px;
}
.cookie-policy-wraper ul li a {
    color: #21A55E;
}

ul.inner_pointers {
    display: unset;
}

ul.inner_pointers li {
    font-size: 18px;
    line-height: 27px;
    color: #666;
    list-style: disc;
    margin-left: 40px;
}

/* CF7 Error */
/* Show the tip clearly under the Work Email input */
#wpcf7-f3624-o2 .wptips-tip{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  margin-top:6px;
  font-size:12px;
  line-height:1.3;
  color:#e53935;
}
/* Red border */
#wpcf7-f3624-o2 .wpcf7-form-control.wpcf7-not-valid{
  border-color:#e53935;
}
/* Optional: visually indicate blocked state on the submit button */
#wpcf7-f3624-o2 .wpcf7-form.wptips-invalid input[type="submit"],
#wpcf7-f3624-o2 .wpcf7-form.wptips-invalid button[type="submit"]{
  opacity:.8;
  cursor:not-allowed;
}

/* Managed Security Services */
section.section-our-partner.managed-scurity-tech .wrapper-container-partner {
    background: #fff;
    border-radius: 32px;
    padding: 20px 80px;
}

section.section-our-partner.managed-scurity-tech {
    padding: 0px 0px 80px;
}

section.section-our-partner.managed-scurity-tech .gluware-logo-details {
    flex-direction: unset;
}

section.section-our-partner.managed-scurity-tech .heading-title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}

section.section-our-partner.managed-scurity-tech .partner-image-container {
    display: flex;
    justify-content: center;
}

section.section-our-partner.managed-scurity-tech .gluware-logo-details img {
    min-height: 100%;
    width: 150px;
}

section.section-our-partner.managed-scurity-tech .heading-title {
    margin-bottom: 0px;
}

section.section-our-partner.managed-scurity-tech .learn-more-btn a {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

/* Mobile: stack 100% */
@media (max-width: 769px) {
    .agenda--Hightlight-Inner .bg-white {
        padding: 0px;
    }
    .d-desktop{
        display: none;
    }
    button.next-btn, button.prev-btn {
        width: auto;
    }
    section#mss-section-intro p {
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }
    section#mss_video_section h2 {
        font-size: 20px !important;
        text-align: center !important;
        line-height: 36px;
    }

    .extra--PointersHeading h4{
        font-size: 18px;
    }
    
    .video---ExtraContent p {
        font-size: 16px;
    }

    .inner_pointers--Wrap p {
        font-size: 16px;
        line-height: 150%;
    }

    .extra__Pointer span {
        font-size: 16px;
    }
    .video__Sectionwraper p {
        text-align: center;
        font-size: 16px;
        margin-top: 20px;
    }

    .video__Sectionwraper a {margin: 20px 0px;padding: 12px;font-size: 16px;}

    .video---ExtraContent {
        text-align: center;
        padding-top: 10px;
    }

    .extra--PointersHeading {
        text-align: center;
    }
    .extra_grid_management {
        display: unset;
        text-align: center;
    }

    .extra_grid_content_management {
        margin-bottom: 20px;
    }
    .extra_pointers_grid .col-25,
    .extra_pointers_grid .col-50 {
        flex: 0 0 100%;
    }

    .video__Sectionwraper.grid-60-40 {
        display: unset;
        text-align: center;
    }

    .video_image_box {margin-bottom: 30px;}

    .middle__SectionGrid {
        display: inline-grid;
        text-align: center;
    }

    .delivery--OuterBoxes {
        display: unset;
    }

    .delivery--grid_wrp {
        margin-bottom: 30px;
        padding: 16px 36px;
    }

    .managed__gridwrp {
        display: unset;
    }

    .delivery--ModelsSection h4 {
        text-align: center;
        font-size: 18px;
    }

    .delivery--ModelsSection p {
        text-align: center;
    }

    .delivery--grid_wrp h6{
        font-size: 12px;
    }

    .delivery--grid_wrp h4 {
        text-align: left;
        font-size: 18px;
    }

    .delivery--grid_wrp p {
        text-align: left;
        font-size: 16px;
    }

    section.managed__ServicesSection .heading h3{
        font-size: 20px;
        line-height: 36px;
    }

    section.managed__ServicesSection p {
        font-size: 16px;
        line-height: 150%;
        color: #1F1F1F;
    }
    
    .extra_grid_content_management {
        padding: 20px 30px;
    }

    .middle--SectionContent h4 {
        font-size: 18px;
    }

    .middle--SectionContent p {
        font-size: 16px;
        line-height: 150%;
    }

    .middle--SectionIcon img {
        height: 40px;
    }

    .managed__ContentWrap h4 {
        font-size: 18px;
        line-height: 150%;
    }

    .managed__ContentWrap h4 span {
        height: 24px;
        width: 24px;
        font-size: 16px;
        line-height: 24px;
    }

    section.section-our-partner.managed-scurity-tech .heading-title h2 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    section.section-our-partner.managed-scurity-tech .wrapper-container-partner {
        width: 93%;
    }

    section.section-our-partner.managed-scurity-tech .gluware-logo-details img {
        margin-bottom: 20px;
    }

    section.management_support_sectionmain .heading h3 {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    section.management_support_sectionmain .heading.center p {
        font-size: 16px;
        line-height: 150%;
    }

    .extra_grid_content_management ul li {
        font-size: 16px;
    }

    .extra_grid_content_management h4 {
        font-size: 16px;
    }

    .extra_grid_content_management h5 {
        font-size: 12px;
    }

    .support_div_wrp a.btn.btn-transparent {
        font-size: 16px;
    }

    /* Questionnaire CSS */
    .questionnaire-box{
        padding: 50px 11px;
        height: fit-content;
    }
    .questionnaire-section .page-container{
        overflow-y: scroll;
    }
    .questionnaire-section .progressbar-steps{
        gap:14px;
    }
    .banner---MainHeading h1{
        line-height: 27px;
        font-size: 1.5rem;
    }
    .questionnaire-section #questionnaire-intro p{
        padding: 23px 10px;
        width: 100%;
        font-size: 14px;
    }
    #start_questionnaire{
        font-size: 16px;
    }
    .questionnaire-section{
        height: 100%;
    }
    #questionnaire-intro{
        padding: 50px 0px;
    }

    div#questionnaire-intro h2 {
        font-size: 18px;
        line-height: 26px;
    }

    div#questionnaire-intro {
        padding: 20px;
        height: 100%;
    }

    div#questionnaire-form-wrapper {
        padding: 20px;
    }

    .form-heading-steps h3 {
        font-size: 24px;
    }

    div#questionnaire-form-wrapper p.question-text {
        font-size: 16px;
    }

    .selectgrid {
        display: unset;
    }

    .questions_div_wrap .wpcf7-list-item{
        margin-top: 0px !important;
    }

    section.page_questionnaire_mainheader {
        height: 20vh;
    }

    section.questionnaire-section .progressbar-steps .step {
        height: 20px;
        width: 20px;
    }
    #popmake-3965 {
        padding: 20px;
    }
    #popmake-3965 .download-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    button.prev-btn {
        padding: 0px 30px !important;
        font-size: 14px !important;
    }

    .selectouter {
        margin-bottom: 20px;
    }

    .questions_div_wrap {
        padding-bottom: 20px;
    }

    .form-heading-steps h4 {
        font-size: 20px;
        line-height: 35px;
    }

    div#questionnaire-thankyou p {
        font-size: 18px;
        line-height: 30px;
    }

    div#questionnaire-thankyou h2 {
        font-size: 29px;
        margin-bottom: 20px;
    }

    div#questionnaire-thankyou .result-actionbtn #schedule-workshop {
        margin: 0px;
    }
    .bg--questionnaire--Banner{
        display: none;
    }

    section.ai-teammates-flip-box-section .flex.tiles-data-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .ai-serices--main-header h4 {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .services_ai_mini_blocks_outer {
        display: unset;
    }

    .ai-services--BlockOuter {
        display: unset;
        padding: 0px;
    }

    .main_title p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .services_ai_mini_blocks_inner {
        display: inline-flex;
        margin-bottom: 20px;
        padding: 12px 20px;
        width: 100%;
    }
    .ai-services--BlockInner img {
        height: 60px;
    }
    .ai-services--BlockInner h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .ai-services--BlockInner ul li {
        font-size: 16px;
        font-weight: 500;
        color: #565656;
        line-height: 150%;
    }

    .ai-services--BlockInner ul {
        margin-left: 25px;
    }

    .ai-services--BlockInner {
        margin-bottom: 30px;
    }
    .flow-grid-container {
        flex-direction: column; /* stack vertically */
    }

    .flow-grid {
        max-width: 100%;  /* full width on mobile */
        padding: 20px !important;    /* tighter spacing */
        clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
        padding-bottom: 120px !important;
        margin-top: -80px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    /* remove polygon arrow images on mobile */
    .flow-grid::after {
        display: none !important;
    }

    /* reset last block icon alignment */
    .flow-grid:last-child .icon {
        left: 0;
    }

    /* make border-radius clean when stacked */
    .flow-grid:first-child {
        border-radius: 20px 20px 0 0;
        position: relative;
        z-index: 2;
        max-width: 100%;
    }
    .flow-grid:last-child {
        border-radius: 0 0 20px 20px;
         /* remove angled cut */
        padding-left: 20px;
        clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
        padding-bottom: 100px !important;
        margin-top: -110px;
        padding-top: 135px !important;
    }
    .flow-grid:nth-child(2) {
        padding-top: 120px !important;
        max-width: 100%;
    }
    .services_ai_content h5 {
        font-size: 16px;
        line-height: 150%;
        font-weight: 600;
    }

    .services_ai_icon img {
        height: 48px;
    }
    .services_ai_icon {
        flex: 0 0 50px;
    }
    section.ai-teammates-partners .heading-title h2 {
        font-size: 18px;
        line-height: 36px;
    }

    section.ai-teammates-teamsection .common_heading h2 {
        font-size: 18px;
        line-height: 36px;
    }
    section.ai-services-wrapper .main_title h4 {
        font-size: 20px;
        font-weight: 600;
    }
    .services_ai_title h4 {
        font-size: 18px;
    }
    section.flow_section_main .main_title h3 {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 100px;
    }
    section.ai-teammates-partners .partner-image-container {
        flex-direction: column;
        align-items: center; /* center stacked items */
    }

    section.ai-teammates-partners .partner-image-container .tech-icon {
        width: 100%;
        justify-content: center;
        display: unset !important;
    }
    section.ai-teammates-partners .tech-icon img {
        height: 100px;
        width: 132px;
    }
    .form-box form p:last-child {
        width: auto;
        margin: 0px auto;
    }
    section.ai-teammates-flip-box-section h2.tile-heading {
        text-align: center !important;
        width: 100%;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 150% !important;
    }

    section#ai-teammates-newletter-form .column-two-box h4 {
        display: none;
    }

    .mobile-Title{
        display: block;
    }

    .mobile-Title h4 {
        font-size: 20px;
        line-height: 32px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 20px;
    }

    /* DreamForce Mobile View */
    .top_banner_title_main h1 {
        font-size: 32px;
        line-height: 150%;
        font-weight: 600;
    }

    .top_banner_content_main p {
        font-size: 16px;
        font-weight: 400;
    }

    div.unit .digit {
        font-size: 35px;
        padding: 5px 10px; 
        width: auto;
        border-radius: 8px;
    }

    .unit-wrap .label {
        font-size: 12px;
    }

    .countdown .colon {
        gap: 15px;
        margin: 0px 3px;
    }

    .countdown .colon span {
        height: 4px;
        width: 4px;
        top: 20px;
    }

    .intro--LandingContent h3 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }

    .intro--LandingOuter {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .intro--LandingContent p {
        font-size: 16px;
        text-align: center;
    }

    .intro--LandingContent {
        margin-bottom: 30px;
    }

    .intro--LandingOuter {
        padding: 42px 12px;
    }


    .agent--OuterBox {align-items: center;display: unset;}
    .agent--InnerBoxLanding{
        margin-bottom: 20px;
    }
    
    .agent--TopContent h4 {
        font-size: 24px;
        line-height: 150%;
        min-height: auto;
    }

    .agent--TopContent h5 {
        font-size: 16px;
        line-height: 150%;
    }

    .agent--CardCtaMain a {
        font-size: 14px;
        display: inline-block;
    }

    .agent--TopContent {
        padding: 20px 31px;
    }

    .agent--CardCtaMain {
        padding-bottom: 20px;
    }

    .main--header_subheading h4 {
        font-size: 18px;
        line-height: 36px;
    }

    .main--header_subheading p {
        font-size: 16px;
        line-height: 150%;
    }

    .why--meetgdmOuter {grid-template-columns: 1fr; gap: 15px;/* single column */}

    .why--meetdgmContent h4 {
        font-size: 18px;
    }

    .why--meetdgmContent h4 img {
        height: 33px;
    }

    .why--meetdgmContent ul li {
        font-size: 16px;
        line-height: 120%;
    }

    .section__CTA_Main a {
        font-size: 14px;
    }
    .banner_time_cta a {
        font-size: 14px;
        font-weight: 700;
        border-radius: 4px;
        padding: 12px;
    }

    .logo_box_main:nth-child(1) img {
        width: 128px;
    }

    .logo_box_main:nth-child(2) {
        width: 32px;
    }

    .logo_box_main:nth-child(3) {
        width: 90px;
    }

    .top_logo_wrap {
        gap: 15px;
    }

    .main--header_subheading p br {display: none;}

    .agenda--Highlights-Block {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .agenda--gvlogo {
        display: none;
    }

    .agenda--Hightlight-Inner h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 130%;
    }

    .agenda--Hightlight-Inner p {
        font-size: 16px;
        line-height: 120%;
    }

    .agenda--Hightlight-Inner {
        text-align: center;
        padding: 24px 16px;
    }

    .customer--outer-grid {flex-direction: column;align-items: center;justify-content: center;gap: 20px;}

    .customer--LogoGrid img {
        height: 36px;
    }

    .customer--ContentGrid p {
        font-size: 14px;
    }

    .customer--ContentGrid {
        min-height: auto;
        padding: 0px 0px 30px;
    }

    .customer--DetailsGrid h4 {
        font-size: 14px;
    }

    .customer--DetailsGrid h6 {
        font-size: 12px;
    }

    .customer--InnerGrid {
        margin-bottom: 0px;
    }

    .meet__gvteamdm {
        grid-template-columns: 1fr;
        grid-template-rows: auto; 
        justify-items: center;    
        grid-row-gap: 20px;       
        gap: 20px;
    }
    
    a.btn.btn-meetteam {
        font-size: 14px;
    }

    .prefooter_top_devider {
        top: -58px;
    }

    section.meetgrteam--Section {
        padding-bottom: 165px;
    }

    .prefooterdata--wraper h3 {
        font-size: 32px;
        line-height: 150%;
    }

    .prefooterdata--wraper h5 {
        font-size: 20px;
        line-height: 150%;
    }
    section.prefooter_landing_page {
        padding-bottom: 200px;
        padding-top: 20px;
    }
    .m-block{
        display: block;
    }

    .prefooter_bmob_divider {
        position: absolute;
        bottom: -197px;
        width: 100%;
    }

    .prefooter_tmob_divider {
        position: absolute;
        top: -128px;
    }

    .why--meetdgmContent p {
        font-size: 16px;
        font-weight: 400;
    }

    .why--meetgdmInner {
        padding: 30px 25px;
    }

    .top_banner_content_main {
        padding-top: 0px;
    }

    .mobile__banner-divider-left {
        position: absolute;
        bottom: -20px;
        left: 0;
    }

    .mobile__banner-divider-right {
        position: absolute;
        right: 0px;
        bottom: -8px;
    }

    .mobile__banner-divider-rightouter {
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
    }

    section.landing_page_timer_banner_main_section {padding-bottom: 110px;}
    section.intro--LandingPageSection {
        padding-bottom: 35px;
    }
    section.agent--LandingSection {
        padding-bottom: 40px;
    }
    section.dreamforce_agenda_highlights {
        padding-bottom: 30px;
    }

    .agent--BottomContent {
        min-height: auto;
    }
    .meet__gvteamdm > :nth-child(3) {
        justify-self: center;
    }
    .meet__gvteamdm > :nth-child(6) {
        justify-self: center;
    }
    .meet_gvteam_inner {
        width: auto;
    }
    .prefooter_tmob_divider img {
        width: 100%;
    }

    .prefooter_tmob_divider {
        width: 100%;
    }

    .prefooter_bmob_divider img {
        width: 100%;
    }

    .exit__PopupContent h3 {
        font-size: 24px;
    }

    .exit__PopupContent h5 {
        font-size: 18px;
        line-height: 20px;
    }

    .exit-popup {
        width: 100%;
        padding: 50px 15px;
        margin: 0px auto;
        left: 0;
    }

    /* Automotive Landing Page */
    section.cx_salsesforce_landing_banner .top_banner_title_main h1 {font-size: 28px;line-height: 30px;}

    .banner--InnerForm ul {
        display: unset;
    }

    .top__Banner_Form {
        width: 100%;
        padding: 20px;
    }

    .banner--InnerForm .cx-contact-text-field {
        padding: 10px;
        margin-bottom: 10px;
    }

    .banner--TextForm .cx-contact-text-field {
        padding: 10px;
    }

    .banner--ButtonForm input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 100%;
    }

    .landing--IntroOuter {
        display: unset;
    }

    .landing--IntroImage {
        margin-bottom: 30px;
    }

    .trusted--OuterGridMain {
        display: unset;
    }
    .couter--Client {
        display: unset;
    }

    .counter--ClientInner {
        margin-bottom: 30px;
        padding: 30px;
    }

    .happyclient-featureOuter {
        display: unset;
    }

    .happyclient--FeatureBlock {
        margin-bottom: 30px;
    }

    .counter--Number h3 {
        font-size: 38px;
    }

    .happyclient--Icon img {
        height: 60px;
    }

    .expertise--MainGrid {
        display: unset;
    }

    .expertise---OuterMain {
        padding: 20px;
    }

    .expertise--Block li {
        font-size: 18px;
        line-height: 23px;
    }

    .expertise--Block li img {
        height: 40px;
    }

    .expertise--Block {margin-bottom: 15px;padding: 15px 20px;}

    section#cx_salesforce_faq_section .faq-accordion-lists-question h2 {
        font-size: 18px !important;
    }

    section#cx_salesforce_faq_section .faq-answer-sub-box p {
        font-size: 18px !important;
    }

    .call-to-action--ContentBlock {
        padding: 25px 20px;
    }

    .call-to-action-mainblock h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .decorative--elementswrap {
        display: none;
    }

    a.btn.btn-calltoaction {
        padding: 10px 12px;
    }

    .landing--IntroPointer ul li {
        font-size: 18px;
    }

    .happyclient--Content h4 {
        font-size: 18px;
    }

    .counter--Title h4 {
        font-size: 18px;
    }
    .grid_InnerTitle h4 {
        padding: 4px 10px;
        font-size: 12px;
    }

    .trusted-LogoSliderGrid {
        padding: 20px 0px;
    }

    .trusted--TestimonialBlock {
        padding: 20px 15px;
        margin-top: 10px;
    }

    .banner--TitleForm h4 {
        font-size: 18px;
    }

    .landing--IntroImage img {
        height: 100%;
    }

    section.agent_type_section .landing--IntroPointer ul li {margin-bottom: 10px;}

    .expertise--Block ul li:first-child {
        flex: 0 0 50px;
    }

    body.page-id-4438 .top_banner_title_main h1 {
        font-size: 34px;
    }

    .top_banner_content_main h4 {
        font-size: 24px;
    }

    .top_banner_content_main h6 {
        font-size: 20px;
    }

    body.page-id-4438 .agent--OuterBox{
        display: unset;
    }
    body.page-id-4438 .why_meet_grid_outer_main {
        display: unset;
    }

    body.page-id-4438 .why_meet_contentwrap h4 {
        font-size: 16px;
        margin: 0px 0px 5px;
    }

    body.page-id-4438 .why_meet_contentwrap p {
        font-size: 16px;
    }

    body.page-id-4438 .why_meet_iconwrp img {
        height: 33px;
    }

    body.page-id-4438 .why_meet_iconwrp {
        flex: 80px 0 0;
    }

    body.page-id-4438 .why_meet_datagrid {
        padding: 10px 10px;
    }

    body.page-id-4438 .meet_gvteam_inner {
        display: unset;
    }

    body.page-id-4438 .meet_gvteam_image {
        margin-bottom: 20px;
    }

    body.page-id-4438 .meet_gvteam_image img {
        height: 100%;
    }

    body.page-id-4438 .prefooter_tmob_divider.m-block {
        display: none;
    }

    body.page-id-4438 .why_meet_grid_title_grid {
        margin-bottom: 30px;
    }

    body.page-id-4438 .intro--LandingContent h3 {
        font-size: 28px;
    }

    body.page-id-4438 .intro--LandingContent {
        margin: 0px;
    }

    /* Life @ Gruve */
    .banner_content_wraper {
        flex: unset;
    }

    .banner_content_wraper h3 {
        color: #222;
        text-align: center;
        font-family: Montserrat;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 41.6px */
    }

    .banner_content_wraper p {
        color: #222;
        text-align: center;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 26px */
    }

    section.hero_banner_layout {
        height: 790px;
    }

    .banner_image_wraper img {
        width: 207.79px;
        height: 200px;
        flex-shrink: 0;
        aspect-ratio: 207.79/302.47;
    }

    .middle--icon-main {
        display: none;
    }

    .foundation_content_main.foundation_block_1 {
        position: unset;
        display: flex;
    }

    .f_content_wraper {width: 100%;}

    .f_icon_wraper {flex: unset;float: left;}

    .foundation_grid_wraper_outer {
        display: unset;
    }

    .foundation_outer_1 .foundation_block_3 {
        position: unset;
    }

    .foundation_outer_1 .foundation_block_2 {
        position: unset;
    }

    .foundation_outer_2 .foundation_block_2 {
        position: unset;
    }

    .foundation_outer_2 .foundation_block_3 {
        position: unset;
    }

    .foundation_outer_1 .foundation_block_3 .f_content_wraper {
        position: unset;
    }

    .foundation_outer_2 .foundation_block_3 .f_content_wraper {
        position: unset;
    }

    .f_content_wraper h4, .f_content_wraper p {
        text-align: left;
    }

    .gruvian--OuterMainBox {
        display: unset;
    }

    .main_title_with_sub {
        margin-bottom: 40px;
    }

    .gruvian--ImageWrap {
        width: 330px !important;
        /* height: 200px !important; */
        flex-shrink: 0;
        padding: 20px 15px;
    }

    .gruvian--ImageWrap img {
        width: 211px !important;
        height: 160px !important;
        object-position: center -18px;
    }

    .quotes_content img {
        height: 79px !important;
        width: auto !important;
    }

    .owl-gruvian .owl-dots {
        top: -25px;
        left: 0px;
    }

    .owl-gruvian .owl-dots span {
        width: 30px !important;
    }

    .readmore--Gruvian a {
        padding: 8px;
        font-size: 12px;
    }

    .gruvian--ContentWrap p {
        font-size: 16px;
        font-weight: 500;
        line-height: 130%;
        margin-top: 20px;
    }

    .owl-gruvian .owl-nav {
        display: none;
    }

    .main_title_with_sub h3, .main_title_with_sub h3 span {
        font-size: 24px;
        font-weight: 600;
        line-height: 130%; /* 31.2px */
    }

    .main_title_with_sub p {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
    }

    .main_title_with_sub h6 {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%; /* 18.2px */
    }

    .moments--ImageContent img {
        width: 360px;
        height: 190px;
        padding: 6.879px 5.732px;
    }

    .life_journeybox {
        display: unset;
    }

    .life_journey_content h4 {
        width: 130px;
        margin: 30px auto;
        font-size: 16px;
        padding: 10px 0px;
    }

    .eplore_journey_box {
        position: unset;
        width: 260px;
        margin: 0px auto;
        padding: 20px;
        height: 100%;
    }
    a.btn.btn-white {
        padding: 8px;
        font-size: 12px;
    }

    .eplore_journey_box h4 {
        font-size: 16px;
    }
    .readmore--Gruvian a {
        font-size: 12px;
    }

    .team--OuterWraper {
        display: unset;
    }

    .teamcelebrating_box {
        text-align: center;
        width: 240px;
        margin: 0px auto 30px;
    }

    .teamcelebrating_contentBox {
        text-align: left;
    }

    .teamcelebrating_contentBox h4 {
        font-size: 20px;
    }

    .teamcelebrating_contentBox h5 {
        font-size: 14px;
    }

    .teamcelebrating_contentBox p {
        font-size: 14px;
        line-height: 20px;
    }

    .life--prefooterCTA {
        width: 100%;
        background-position: center top 0px;
        height: 400px;
        padding: 40px 20px;
    }

    .life--prefooterCTA h3, .life--prefooterCTA h3 span {
        font-size: 24px;
        line-height: 30px;
    }

    .life--prefooterCTA p {
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
    }

    .life--prefooterCTA a {
        padding: 12px;
        font-size: 16px;
        
    }

    .gruvian--ContentWrap h4, .gruvian--ContentWrap h5 {
        font-size: 12px;
    }

    .life_journey_icon.bottom_icon_position {
        bottom: -15px;
        right: -289px;
    }

    .life_journey_icon.bottom_icon_position:before {
        height: 3px;
        width: 120px;
        border-top: 3px solid #21A55E;
        top: 28px;
        border-left: none !important;
        left: 200px;
        z-index: -1;
    }

    .life_journey_icon img {
        width: 60px;
    }

    .eplore_journey_box::before {
        display: none;
    }
    .life_journey_icon.top_icon_position {
        bottom: -15px;
    }

    .life_journey_icon.top_icon_position:before {
        height: 3px;
        width: 120px;
        border-top: 3px solid #21A55E;
        top: 28px;
        border-left: none !important;
        z-index: -1;
        left: -125px;
    }


    .life--prefooterCTA::before {
        display: none;
    }

    .life_journey_icon.bottom_icon_position {
        width: 100%;
        text-align: right;
    }

    .life_journey_icon.top_icon_position {
        width: 100%;
        text-align: left;
    }

    .life_gruvejourney_main::before {
        display: none;
    }

    .life_gruvejourney_main:last-child::after {
        display: none;
    }
    .foundation_content_main {
        gap: 20px;
        align-items: center;
    }

    .f_icon_wraper img {width: 60px;}

    .f_content_wraper h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .f_content_wraper p {
        font-size: 16px;
        line-height: 20px;
    }

    section.life_gruve_journey {
        padding: 0px 0px 30px;
    }

    section.life_gruve_moments_section {
        padding: 30px 0px;
    }

    .moments--ContentMain h4 {
        font-size: 16px;
    }

    .owl-moments .owl-nav {
        display: none;
    }
    .life_gruvejourney_main:after {
        content: "";
        position: absolute;
        height: 72px;
        width: 3px;
        border-left: 3px solid #21A55E;
        right: 0;
        left: 0;
        margin: 0px auto;
        top: 38px;
        z-index: -1;
    }

    .life_gruvejourney_main:last-child :after {
        content: "";
        position: absolute;
        height: 72px;
        width: 3px;
        border-left: 3px solid #21A55E;
        right: 0;
        left: 0;
        margin: 0px auto;
        top: 38px;
        z-index: -1;
    }
    section.life_culture_foundation {
        padding: 40px 0px 0px;
    }

    /* Whitepaper */
    .whitepaper-featured-img {
        display: none;
    }

    section.whitepaper--SinglePageSection {
        height: 100%;
        padding-top: 60px;
    }

    .banner-w-Content h1 {
        color: #3A3A3A;
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 10px;
    }
    .whitepaper-publish-data {
        margin: 0px;
    }
    .whitepaper-publish-data h4 {
        color: #3A3A3A;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        line-height: 150%; /* 30px */
        text-transform: capitalize;
    }

    .whitepaper-banner-content p {
        color: #3A3A3A;
        text-align: center;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 30px */
    }

    .whitepaper-banner-ContentWraper {
        display: unset;
    }

    .blockgrid--OuterWhitepaper {
        display: unset;
    }

    .banner-w-label {
        text-align: center;
    }

    .banner-w-label ul li {
        color: #21A55E;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%; /* 18px */
    }

    .part_box h6 {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .part_box {
        text-align: center;
    }

    .part_box_content h4 {
        color: #3A3A3A;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        line-height: 130%; /* 31.2px */
    }

    .part_box_content p {
        color: #3A3A3A;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 130%; /* 31.2px */
    }

    .part_box_content p span {
        font-size: 24px;
    }

    .part_box_inner_content h5 {
        color: #3A3A3A;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        line-height: 120%; /* 21.6px */
    }

    .part_box_inner_content ul li {
        color: #3A3A3A;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px; /* 155.556% */
    }

    .part_box_inner_content ul li span {
        font-size: 24px;
    }

    .part_box_inner_content p {
        text-align: left;
        color: #3A3A3A;
        font-size: 18px;
        font-weight: 500;
        line-height: 150%; /* 27px */
    }

    .part_box_inner_content p span {
        font-size: 18px;
    }

    .part_box_content ul, .part_box_inner_content ul {padding-left: 10px;}

    .part_box_content ul li, .part_box_inner_content ul li {
        font-size: 18px;
        position: relative;
    }
    .part_box_content ul li:has(img), .part_box_inner_content ul li:has(img) {
        padding-left:30px;
    }
    .part_box_content ul li img, .part_box_inner_content ul li img {
        position: absolute;
        top: 5px;
        left: 0;
    }
    .part_box_content ul li span, .part_box_inner_content ul li span {
        font-size: 18px;
    }
    .blockgrid--ImageWhitepaper {
        flex: 0 0 50px;
    }

    .blockgrid--ContentWhitepaper {
        text-align: center;
        flex: 65% 0 0;
    }

    .blockgrid--InnerWhitepaper {
        margin-bottom: 30px;
        justify-content: center;
    }

    .blockgrid--ContentWhitepaper h4 {
        margin: 0px;
        font-size: 20px;
    }

    .blockgrid--ContentWhitepaper p {
        font-size: 14px;
        color: #3a3a3a;
    }

    .fullreport---wraper {
        text-align: center;
    }

    .fullreport---wraper {
        padding-top: 0px;
    }
    .fullreport---wraper a.btn.btn-green {
        font-size: 16px;
    }

    .refrence--contentblock h5 {
        text-align: center;
        font-size: 18px;
    }

    .refrence--contentblock ul li {
        font-size: 18px;
    }
    section.refrence--section{
        padding: 30px 0px 60px;
    }
    .desktop--logo{
        display: none;
    }
    .single-whitepaper header{
        display: block;
    }
    /* AI-Security */
    .left-right-contentWraper {
        margin-bottom: 20px;
    }

    .managed__gridwrp.extramanagedgrid {
        padding: 20px 20px 0px;
        display: inline-block;
    }

    .delivery--ModelsSection.bg-Models-custom {
        padding: 20px 20px 10px;
    }

    /* AI-Security Form Design */
    .single--form-wrap {
        padding: 20px;
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .single--form--title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .form--inner-button-layout input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 100%;
        padding: 12px 30px;
    }

    button.clear-form {width: 100%;padding: 12px 30px;}

    .form--inner-button-layout {
        gap: 10px;
    }

    .form--inner-grid-layout {
        display: unset;
    }

    .form--small-div {
        margin-bottom: 10px;
    }
}   

@media(max-width:768px){
    .assessment-discription{
        display: none;
    }

    #assessment-intro .accordion-toggle.accordion-heading {
        cursor: pointer;
        margin: 0;
        font-size: 14px;
        /* background: #f5f5f5; */
        /* padding: 12px; */
        border-radius: 6px;
        position: relative;
        color: #1F1F1F;
        font-weight: 500;
    }

    #assessment-intro .accordion-toggle.accordion-heading::after {
        content: url('https://gruve.jp/wp-content/uploads/2025/09/chevron-down.svg');
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px; /* adjust as needed */
        height: 16px;
        transition: transform 0.3s ease;
    }

    #assessment-intro.open .accordion-toggle.accordion-heading::after {
        content: url('https://gruve.jp/wp-content/uploads/2025/09/chevron-down-1.svg');
    }

    #assessment-intro .accordion-content-wrapper {
        display: none;
        padding: 12px 0px 0px;
        /* border: 1px solid #ddd; */
        border-radius: 6px;
        margin-top: 6px;
        background: #fff;
        margin-bottom: 0px;
    }

    #assessment-intro.open .accordion-content-wrapper {
        display: block;
    }

    .partner-logos a:nth-child(3) img {
        max-height: 29px;
    }

    .partner-logos a:nth-child(2) img {
        max-height: 57px;
    }

    .partner-logos img {
        max-height: 19px;
    }

    .partner-logos {
        gap: 10px;
        justify-content: space-between;
    }
    div#assessment-form-wrapper .cf7-quiz-step p label {
        font-size: 14px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    div#assessment-form-wrapper .step-controls .next-btn, div#assessment-form-wrapper .step-controls .finish-btn, div#assessment-form-wrapper .step-controls .wpcf7-submit{
        width: 100%;
    }
    div#assessment-intro ul li {
        font-size: 14px;
        margin-bottom: 4px;
    }

    div#assessment-intro ul li img {
        height: 20px;
    }
}

/* Mobile (≤480px) - closed by default */
@media (max-width: 480px) {
    #assessment-intro .accordion-content-wrapper {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, padding 0.3s ease;
        padding: 0 12px;
    }
    #assessment-intro.open .accordion-content-wrapper {
        max-height: 1000px;
        padding: 12px 0px;
    }
    .ai-assessment-section h1, .ai-assessment-section h2 {
        font-size: 26px;
        line-height: 30px;
    }

    div#score-output {
        font-size: 52px !important;
    }
}

/* Tablet (481px - 768px) - open by default */
@media (min-width: 481px) and (max-width: 768px) {
    .ai-assessment-section h1, .ai-assessment-section h2 {
        font-size: 28px;
    }

    #schedule-workshop, .download-solution-brief {
        font-size: 16px;
    }
    .ai-assessment-section h1 {
        font-size: 26px;
    }
    #assessment-intro .accordion-content-wrapper {
        max-height: 1000px; /* open */
        overflow: visible;
    }
    div#assessment-intro {
        padding: 30px 15px;
    }

    div#assessment-form-wrapper .cf7-quiz-step p.question-text {font-size: 18px;margin-bottom: 5px;}

    .assessment-box {
        padding: 30px 20px;
    }
    .assessment-box .cf7-quiz-step p label {
        padding: 3px 15px;
    }

    .assessment-box .cf7-quiz-step input[type="radio"] {transform: scale(1.05);}

    div#assessment-form-wrapper .step-controls .next-btn, div#assessment-form-wrapper .step-controls .finish-btn, div#assessment-form-wrapper .step-controls .wpcf7-submit {
        font-size: 14px;
    }

    div#assessment-form-wrapper .step-controls p button.prev-btn {
        font-size: 14px !important;
    }
    div#assessment-form-wrapper .step-controls {display: unset;}
}


@media(min-width:1700px){
    section.page_questionnaire_mainheader {
        height: 30vh;
    }
}

/* ================================
   Tablets (768px – 1024px)
================================= */
@media (min-width: 770px) and (max-width: 1024px) {
    .tiles-inner-wrap h4 {
        font-size: 13px;
    }

    .btn-link a {
        font-size: 11px;
    }

    section#cx-data-science-success .flip-box-back {
        padding: 12px;
    }

    .tiles-description {
        padding: 10px 0px;
    }

    .main_title p {
        font-size: 16px;
    }

    .tiles-description p {
        font-size: 10px;
    }

    .ai-services--BlockInner h4 {
        font-size: 18px;
    }

    .ai-services--BlockInner ul li {
        font-size: 13px;
    }

    section.ai-services-sectionwraper .ai-serices--main-header h4 {
        font-size: 40px; /* smaller for tablets */
    }

    .ai-services--BlockInner img {
        height: 70px;
    }

    .flow-grid h3 {
        font-size: 15px;
    }

    .flow-grid ul li {
        font-size: 11px;
    }

    .flow-grid .icon img {
        height: 50px;
    }

    .services_ai_content h5 {
        font-size: 13px;
    }

    .services_ai_icon {
        flex: 0 0 30px;
    }

    section.ai-teammates-partners .tech-icon:last-child {
        width: 90px !important;
    }

    section.ai-teammates-partners .tech-icon img {
        width: 150px;
    }

    div.unit .digit {
        font-size: 56px;
        padding: 20px;
        width: auto;
    }

    .countdown .colon {
        gap: 20px;
    }

    .countdown .colon span {
        top: 44px;
    }

    .unit-wrap .label {
        font-size: 20px;
    }

    .top_banner_title_main h1 {
        font-size: 38px;
    }

    .banner_time_cta a {
        font-size: 20px;
    }

    .intro--LandingContent h3 {
        font-size: 30px;
        line-height: 110%;
    }

    .intro--LandingContent p {
        font-size: 16px;
    }

    .intro--LandingOuter {
        gap: 30px;
    }

    .agent--TopContent h4 {
        font-size: 24px;
    }

    .agent--TopContent h5 {
        font-size: 14px;
        /* min-height: 55px; */
    }

    .agent--TopContent {
        padding: 20px 15px;
    }

    .agent--BottomContent p {
        font-size: 16px;
    }

    .agent--CardCtaMain a {
        display: inline-block;
        font-size: 16px;
    }

    .agent--BottomContent {min-height: 200px;}

    .agent--CardCtaMain {
        padding-bottom: 30px;
    }

    .main--header_subheading h4 {
        font-size: 28px;
    }

    .main--header_subheading p {
        font-size: 18px;
    }

    .why--meetdgmContent h4 {
        font-size: 20px;
    }

    .why--meetdgmContent h4 img {
        height: 32px;
    }

    .why--meetdgmContent ul li {
        font-size: 16px;
    }

    .why--meetdgmContent p {
        font-size: 16px;
    }

    .agenda--Hightlight-Inner h4 {
        font-size: 24px;
    }

    .agenda--Hightlight-Inner p {
        font-size: 16px;
    }

    .agenda--Hightlight-Inner {
        padding: 30px 35px;
    }

    .agenda--gvlogo {top: 38%;}

    .customer--LogoGrid img {
        height: 45px;
    }

    .customer--ContentGrid p {
        font-size: 16px;
    }

    .customer--ContentGrid {
        height: 212px;
    }

    .meet__gvteamdm {
        gap: 20px;
    }

    .meet_gvteam_inner {
        flex: 180px 0 0;
        padding: 20px 10px;
    }

    a.btn.btn-meetteam {
        font-size: 14px;
        padding: 10px 10px;
    }

    .meet_gvteam_cotent h5 {
        min-height: 30px;
    }

    .section__CTA_Main a {
        font-size: 16px;
    }

    .prefooterdata--wraper h3 {
        font-size: 48px;
    }

    .prefooterdata--wraper h5 {
        font-size: 28px;
    }

    .prefooter_bottom_devider {
        bottom: -140px;
    }

    section.prefooter_landing_page {
        padding-bottom: 230px;
    }

    .agenda--Highlights-Block {
        grid-column-gap: 40px;
        grid-row-gap: 30px;
    }

    .agenda--gvlogo img {
        height: 100px;
    }

    .logo_box_main:nth-child(1) img {
        width: 140px;
    }

    .logo_box_main:nth-child(2) {
        width: 33px;
    }

    .logo_box_main:nth-child(3) {
        width: 110px;
    }
    .agenda--Hightlight-Inner .bg-white {
        padding: 0px;
    }

    section.cx_salsesforce_landing_banner .top_banner_title_main h1 {
        font-size: 32px;
    }

    .top_banner_content_main p {
        font-size: 18px;
    }

    .cx-contact-text-field {
        padding: 10px 10px;
    }

    .banner--ButtonForm input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 80%;
    }

    .landing--IntroPointer ul li {
        font-size: 18px;
    }

    .counter--Number h3 {
        font-size: 40px;
    }

    .counter--Title h4 {
        font-size: 18px;
    }

     .happyclient--Icon img {
        height: 60px;
    }

    .happyclient--Content h4 {
        font-size: 16px;
        line-height: 23px;
    }

    .happyclient-featureOuter {
        gap: 20px;
    }

    .happyclient--FeatureBlock {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .counter--ClientInner {
        border-radius: 10px;
    }

    .landing--IntroPointer ul li {
        font-size: 16px;
    }

    .landing--IntroPointer ul li span {
        font-size: 16px;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

    section.agent_type_section .landing--IntroPointer ul li {
        line-height: 30px;
        margin-bottom: 15px;
    }

    .expertise--Block li {
        font-size: 18px;
    }

    .expertise--Block li img {
        height: 50px;
    }

    .expertise--Block ul li:first-child {
        flex: 0 0 45px;
    }

    .expertise--Block {
        padding: 15px 30px;
    }

    section#cx_salesforce_faq_section .faq-accordion-lists-question h2 {
        font-size: 18px !important;
    }

    section#cx_salesforce_faq_section .faq-answer-sub-box p {
        font-size: 18px !important;
    }

    .decorative--block3 img {
        width: 32%;
    }

    .call-to-action-mainblock h4 {
        font-size: 32px;
        line-height: 30px;
    }

    a.btn.btn-calltoaction {
        font-size: 16px;
    }

    .cta--Subtitle h6 {
        font-size: 16px;
    }
    .trusted-T-InfoBlock h4 {
        font-size: 16px;
    }

    .trusted-T-ContentBlock p {
        font-size: 14px;
    }

    .trusted-T-ContentBlock {
        margin-bottom: 20px;
    }

    .trusted-T-RatingBlock {
        margin-top: 10px;
    }

    .trusted--TestimonialBlock {
        padding: 20px;
    }
    .grid_InnerTitle h4 {
        padding: 6px 18px;
        font-size: 12px;
    }
    .couter--Client {
        gap: 40px;
        margin-bottom: 25px;
    }

    /* Life @ Gruve */
    .life--prefooterCTA {
        width: 100%;
        height: 100%;
    }
    .life--prefooterCTA p {
        font-size: 16px;
    }

    .life--prefooterbutton a {
        font-size: 16px;
    }

    .life--prefooterCTA h3 {
        font-size: 36px;
    }
    .banner_image_wraper img {
        width: 325px;
    }
    .banner_content_wraper h3 {
        font-size: 42px;
        line-height: 48px;
    }

    .main_title_with_sub h3 {
        font-size: 32px;
    }

    .main_title_with_sub h3 span {
        font-size: 32px;
    }

    .f_icon_wraper img {
        height: 70px;
    }

    .f_content_wraper {width: 100%;text-align: left;}

    .foundation_content_main {
        gap: 10px;
    }

    .foundation_content_main.foundation_block_1 {
        right: 0;
    }
    .foundation_outer_1 .foundation_block_2 {
        right: 0;
    }
    .foundation_content_main.foundation_block_3 {
        right: 0;
    }

    .foundation_outer_2 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_1 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_2 .foundation_block_2 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_1 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_3 {
        left: 0;
    }

    .f_content_wraper h4 {
        font-size: 22px;
        text-align: left;
        line-height: 25px;
    }

    .foundation_grid_wraper_outer {
        gap: 100px;
    }

    .middle--icon-main {
        display: none;
    }

    .f_icon_wraper {
        flex: 75px 0 0;
    }

    .f_content_wraper p {
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }

    .gruvian--ContentWrap p {
        font-size: 22px;
    }

    .gruvian--ImageWrap img {
        width: 200px !important;
        height: 250px;
        object-position: top;
    }

    .quotes_content img {
        height: 65px;
    }

    .quotes_content {
        right: 22%;
    }
    .life_journey_icon img {
        height: 60px;
    }

    .life_journey_icon.top_icon_position:before {
        height: 88px;
        bottom: -80px;
    }

    .life_journey_content h4 {
        font-size: 16px;
        height: 100%;
    }

    .life_gruvejourney_main::before {
        left: 47px;
    }

    .life_gruvejourney_main:last-child::after {
        right: 0px;
    }

    .life_journey_icon.bottom_icon_position:before {
        height: 80px;
        top: -80px;
    }

    .life_journey_icon.bottom_icon_position {
        bottom: -135px;
    }

    .eplore_journey_box h4 {
        font-size: 18px;
    }

    .main_title_with_sub h6 {
        font-size: 14px;
    }

    .main_title_with_sub p {
        font-size: 18px;
    }

    .life_gruvejourney_main:last-child::before {
        left: 25px !important;
    }

    a.btn.btn-white {
        padding: 8px 18px;
        font-size: 12px;
    }

    .eplore_journey_box {
        padding: 15px;
        height: auto;
        width: 220px;
        right: -10px;
    }
    .eplore_journey_box::before {
        right: 15px;
    }
    .team--OuterWraper {
        gap: 20px;
    }

    .team-label-wraper {
        right: -10px;
    }

    .team-label-wraper h4 {
        font-size: 14px;
    }

    /* Whitepaper */
    .banner-w-Content h1 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .whitepaper-publish-data h4 {
        font-size: 18px;
    }

    .whitepaper-publish-data {
        margin-bottom: 10px;
    }

    .part_box_content h4 {
        font-size: 22px;
    }

    .part_box_content p {
        font-size: 16px;
        line-height: 20px;
    }

    .part_box_inner_content h5 {
        font-size: 20px;
    }

    .part_box_content ul li, .part_box_inner_content ul li {
        font-size: 18px;
        line-height: 16px;
    }
    .whitepaper-banner-content p {
        font-size: 16px;
    }

    .part_box_content p span {
        font-size: 18px;
    }

    .part_box_content ul li span, .part_box_inner_content ul li span {
        font-size: 18px;
    }
}

/* ================================
   Laptops / Desktops (1025px – 1440px)
================================= */
@media (min-width: 1025px) and (max-width: 1120px) {
    div.unit .digit {
        font-size: 56px;
        padding: 20px;
        width: auto;
    }

    .countdown .colon {
        gap: 20px;
    }

    .countdown .colon span {
        top: 44px;
    }

    .unit-wrap .label {
        font-size: 20px;
    }

    .top_banner_title_main h1 {
        font-size: 38px;
    }

    .banner_time_cta a {
        font-size: 20px;
    }

    .intro--LandingContent h3 {
        font-size: 30px;
        line-height: 110%;
    }

    .intro--LandingContent p {
        font-size: 16px;
    }

    .intro--LandingOuter {
        gap: 30px;
    }

    .main--header_subheading p {
        font-size: 20px;
    }

    .main--header_subheading h4 {
        font-size: 30px;
    }

    .prefooter_bottom_devider.d-desktop {
        bottom: -135px;
    }

    .agenda--Highlights-Block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .meet__gvteamdm {
        gap: 25px;
    }

    .meet_gvteam_inner {
        flex: 200px 0 0;
    }

    .meet_gvteam_cotent h5 {
        min-height: 35px;
    }

    a.btn.btn-meetteam {
        font-size: 14px;
        padding: 7px 10px;
    }
    .agenda--gvlogo {
        top: 35%;
    }
    .agenda--Hightlight-Inner h4 {
        font-size: 24px;
        font-weight: 600;
    }
    .agenda--Hightlight-Inner p {
        font-size: 16px;
    }
    .tiles-inner-wrap h4 {
        font-size: 12px;
    }

    .main_title p {
        font-size: 16px;
    }

    .btn-link a {
        font-size: 10px;
    }

    section#cx-data-science-success .flip-box-back {
        padding: 10px;
    }

    .tiles-description p {
        font-size: 10px;
    }

    .tiles-description {
        padding: 10px 0px;
    }

    .ai-services--BlockInner h4 {
        font-size: 18px;
    }

    .ai-services--BlockInner ul li {
        font-size: 12px;
    }

    section.ai-services-sectionwraper .ai-serices--main-header h4 {
        font-size: 48px;
    }

    .ai-services--BlockInner img {
        height: 80px;
    }

    .flow-grid h3 {
        font-size: 16px;
    }

    .flow-grid ul li {
        font-size: 12px;
    }

    .flow-grid .icon img {
        height: 60px;
    }

    .services_ai_content h5 {
        font-size: 14px;
    }

    .services_ai_icon {
        flex: 0 0 35px;
    }

    section.ai-teammates-partners .tech-icon:last-child {
        width: 100px !important;
    }

    section.ai-teammates-partners .tech-icon img {
        width: 175px;
    }
    .agenda--Hightlight-Inner .bg-white {
        padding: 20px;
        border-radius: 20px;
    }
    .agent--TopContent h4 {
        font-size: 24px;
        min-height: auto;
    }

    .agent--TopContent h5 {
        font-size: 18px;
        /* min-height: 54px; */
    }

    .agent--TopContent {
        padding: 20px;
    }
    .agenda--gvlogo img {
        height: 90px;
    }

    .customer--ContentGrid p {
        font-size: 18px;
        min-height: 217px;
    }

    /* CX Automation */
     section.cx_salsesforce_landing_banner .top_banner_title_main h1 {
        font-size: 32px;
    }

    .top_banner_content_main p {
        font-size: 18px;
    }

    .cx-contact-text-field {
        padding: 10px 10px;
    }

    .banner--ButtonForm input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 80%;
    }

    .landing--IntroPointer ul li {
        font-size: 18px;
    }

    .counter--Number h3 {
        font-size: 40px;
    }

    .counter--Title h4 {
        font-size: 18px;
    }

     .happyclient--Icon img {
        height: 60px;
    }

    .happyclient--Content h4 {
        font-size: 16px;
        line-height: 23px;
    }

    .happyclient-featureOuter {
        gap: 20px;
    }

    .happyclient--FeatureBlock {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .counter--ClientInner {
        border-radius: 10px;
    }

    .landing--IntroPointer ul li {
        font-size: 16px;
    }

    .landing--IntroPointer ul li span {
        font-size: 16px;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

    section.agent_type_section .landing--IntroPointer ul li {
        line-height: 30px;
        margin-bottom: 15px;
    }

    .expertise--Block li {
        font-size: 18px;
    }

    .expertise--Block li img {
        height: 50px;
    }

    .expertise--Block ul li:first-child {
        flex: 0 0 45px;
    }

    .expertise--Block {
        padding: 15px 30px;
    }

    section#cx_salesforce_faq_section .faq-accordion-lists-question h2 {
        font-size: 18px !important;
    }

    section#cx_salesforce_faq_section .faq-answer-sub-box p {
        font-size: 18px !important;
    }

    .decorative--block3 img {
        width: 32%;
    }

    .call-to-action-mainblock h4 {
        font-size: 32px;
        line-height: 30px;
    }

    a.btn.btn-calltoaction {
        font-size: 16px;
    }

    .cta--Subtitle h6 {
        font-size: 16px;
    }
    .trusted-T-InfoBlock h4 {
        font-size: 16px;
    }

    .trusted-T-ContentBlock p {
        font-size: 14px;
    }

    .trusted-T-ContentBlock {
        margin-bottom: 20px;
    }

    .trusted-T-RatingBlock {
        margin-top: 10px;
    }

    .trusted--TestimonialBlock {
        padding: 20px;
    }
    .grid_InnerTitle h4 {
        padding: 6px 18px;
        font-size: 12px;
    }
    .couter--Client {
        gap: 40px;
        margin-bottom: 25px;
    }

    /* Life @ Gruve */
    .life--prefooterCTA {
        width: 100%;
        height: 100%;
    }
    .life--prefooterCTA p {
        font-size: 16px;
    }

    .life--prefooterbutton a {
        font-size: 16px;
    }

    .life--prefooterCTA h3 {
        font-size: 36px;
    }
    .banner_image_wraper img {
        width: 325px;
    }
    .banner_content_wraper h3 {
        font-size: 42px;
        line-height: 48px;
    }

    .main_title_with_sub h3 {
        font-size: 32px;
    }

    .main_title_with_sub h3 span {
        font-size: 32px;
    }

    .f_icon_wraper img {
        height: 70px;
    }

    .f_content_wraper {width: 100%;text-align: left;}

    .foundation_content_main {
        gap: 10px;
    }

    .foundation_content_main.foundation_block_1 {
        right: 0;
    }
    .foundation_outer_1 .foundation_block_2 {
        right: 0;
    }
    .foundation_content_main.foundation_block_3 {
        right: 0;
    }

    .foundation_outer_2 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_1 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_2 .foundation_block_2 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_1 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_3 {
        left: 0;
    }

    .f_content_wraper h4 {
        font-size: 22px;
        text-align: left;
        line-height: 25px;
    }

    .foundation_grid_wraper_outer {
        gap: 100px;
    }

    .middle--icon-main {
        display: none;
    }

    .f_icon_wraper {
        flex: 75px 0 0;
    }

    .f_content_wraper p {
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }

    .gruvian--ContentWrap p {
        font-size: 22px;
    }

    .gruvian--ImageWrap img {
        width: 200px !important;
        height: 250px;
        object-position: top;
    }

    .quotes_content img {
        height: 65px;
    }

    .quotes_content {
        right: 22%;
    }
    .life_journey_icon img {
        height: 60px;
    }

    .life_journey_icon.top_icon_position:before {
        height: 88px;
        bottom: -80px;
    }

    .life_journey_content h4 {
        font-size: 16px;
        height: 100%;
    }

    .life_gruvejourney_main::before {
        left: 47px;
    }

    .life_gruvejourney_main:last-child::after {
        right: 0px;
    }

    .life_journey_icon.bottom_icon_position:before {
        height: 80px;
        top: -80px;
    }

    .life_journey_icon.bottom_icon_position {
        bottom: -135px;
    }

    .eplore_journey_box h4 {
        font-size: 18px;
    }

    a.btn.btn-white {
        padding: 10px 20px;
        font-size: 14px;
    }

    .eplore_journey_box {
        padding: 20px;
        height: auto;
        width: 250px;
        right: -30px;
    }

    .eplore_journey_box::before {
        right: 35px;
    }

    .team--OuterWraper {
        gap: 20px;
    }

    .team-label-wraper {
        right: -10px;
    }

    .team-label-wraper h4 {
        font-size: 14px;
    }
    /* Whitepaper */
    .banner-w-Content h1 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .whitepaper-publish-data h4 {
        font-size: 18px;
    }

    .whitepaper-publish-data {
        margin-bottom: 10px;
    }

    .part_box_content h4 {
        font-size: 22px;
    }

    .part_box_content p {
        font-size: 16px;
        line-height: 20px;
    }

    .part_box_inner_content h5 {
        font-size: 20px;
    }

    .part_box_content ul li, .part_box_inner_content ul li {
        font-size: 18px;
        line-height: 16px;
    }

    .whitepaper-banner-content p {
        font-size: 16px;
    }

    .part_box_content p span {
        font-size: 18px;
    }

    .part_box_content ul li span, .part_box_inner_content ul li span {
        font-size: 18px;
    }
}

@media (min-width: 1121px) and (max-width: 1439px) {
    div.unit .digit {
        font-size:48px;
        width: 100px;
        text-align: center;
    }

    .top_banner_title_main h1 {
        font-size: 38px;
    }

    .intro--LandingContent h3 {
        font-size: 28px;
        line-height: 115%;
    }

    .intro--LandingContent p {
        font-size: 18px;
    }

    .why--meetdgmContent h4 {
        font-size: 20px;
    }

    .why--meetdgmContent h4 img {
        height: 33px;
    }

    .why--meetdgmContent ul li {
        font-size: 18px;
    }

    .why--meetdgmContent p {
        font-size: 18px;
    }

    .prefooter_bottom_devider {
        bottom: -185px;
    }
    .main--header_subheading p {
        font-size: 18px;
    }

    .main--header_subheading h4 {
        font-size: 28px;
    }
    .agenda--Hightlight-Inner p {
        font-size: 16px;
    }

    .agenda--Hightlight-Inner h4 {font-size: 24px;}

    .agenda--Highlights-Block {
        grid-column-gap: 25px;
        grid-row-gap: 40px;
    }

    .meet_gvteam_inner {
        width: 230px;
    }

    .customer--LogoGrid img {
        height: 48px;
    }

    .customer--RatingGrid img {
        height: 15px;
    }

    .agenda--gvlogo {
        top: 37%;
    }
    .prefooterdata--wraper h3 {
        font-size: 48px;
    }

    .prefooterdata--wraper h5 {
        font-size: 28px;
    }
    .meet_gvteam_cotent h5 {
        min-height: 35px;
    }

    a.btn.btn-meetteam {
        font-size: 14px;
        padding: 5px 10px;
    }
    .agent--BottomContent p {
        font-size: 16px;
        line-height: 20px;
    }

    .agent--BottomContent {
        min-height: 175px;
    }
    .agenda--Hightlight-Inner .bg-white {
        padding: 20px;
        border-radius: 20px;
    }
    .agent--TopContent h4 {
        font-size: 24px;
        min-height: auto;
    }

    .agent--TopContent h5 {
        font-size: 18px;
        /* min-height: 54px; */
    }

    .agent--TopContent {
        padding: 20px;
    }
    .agenda--gvlogo img {
        height: 85px;
    }

    .customer--ContentGrid p {
        font-size: 18px;
        min-height: 217px;
    }
    
     section.cx_salsesforce_landing_banner .top_banner_title_main h1 {
        font-size: 32px;
    }

    .top_banner_content_main p {
        font-size: 18px;
    }

    .cx-contact-text-field {
        padding: 10px 10px;
    }

    .banner--ButtonForm input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 80%;
    }

    .landing--IntroPointer ul li {
        font-size: 18px;
    }

    .counter--Number h3 {
        font-size: 40px;
    }

    .counter--Title h4 {
        font-size: 18px;
    }

     .happyclient--Icon img {
        height: 60px;
    }

    .happyclient--Content h4 {
        font-size: 16px;
        line-height: 23px;
    }

    .happyclient-featureOuter {
        gap: 20px;
    }

    .happyclient--FeatureBlock {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .counter--ClientInner {
        border-radius: 10px;
    }

    .landing--IntroPointer ul li {
        font-size: 16px;
    }

    .landing--IntroPointer ul li span {
        font-size: 16px;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

    section.agent_type_section .landing--IntroPointer ul li {
        line-height: 30px;
        margin-bottom: 15px;
    }

    .expertise--Block li {
        font-size: 18px;
    }

    .expertise--Block li img {
        height: 50px;
    }

    .expertise--Block ul li:first-child {
        flex: 0 0 45px;
    }

    .expertise--Block {
        padding: 15px 30px;
    }

    section#cx_salesforce_faq_section .faq-accordion-lists-question h2 {
        font-size: 18px !important;
    }

    section#cx_salesforce_faq_section .faq-answer-sub-box p {
        font-size: 18px !important;
    }

    .decorative--block3 img {
        width: 32%;
    }

    .call-to-action-mainblock h4 {
        font-size: 32px;
        line-height: 30px;
    }

    a.btn.btn-calltoaction {
        font-size: 16px;
    }

    .cta--Subtitle h6 {
        font-size: 16px;
    }
    .trusted-T-InfoBlock h4 {
        font-size: 16px;
    }

    .trusted-T-ContentBlock p {
        font-size: 14px;
    }

    .trusted-T-ContentBlock {
        margin-bottom: 20px;
    }

    .trusted-T-RatingBlock {
        margin-top: 10px;
    }

    .trusted--TestimonialBlock {
        padding: 20px;
    }
    .grid_InnerTitle h4 {
        padding: 6px 18px;
        font-size: 12px;
    }
    .couter--Client {
        gap: 40px;
        margin-bottom: 25px;
    }
    /* Life @ Gruve */
    .life--prefooterCTA {
        width: 100%;
        height: 100%;
    }
    .life--prefooterCTA p {
        font-size: 16px;
    }

    .life--prefooterbutton a {
        font-size: 16px;
    }

    .life--prefooterCTA h3 {
        font-size: 36px;
    }
    .banner_image_wraper img {
        width: 325px;
    }
    .banner_content_wraper h3 {
        font-size: 42px;
        line-height: 48px;
    }

    .main_title_with_sub h3 {
        font-size: 32px;
    }

    .main_title_with_sub h3 span {
        font-size: 32px;
    }

    .f_icon_wraper img {
        height: 70px;
    }

    .f_content_wraper {width: 100%;text-align: left;}

    .foundation_content_main {
        gap: 10px;
    }

    .foundation_content_main.foundation_block_1 {
        right: 0;
    }
    .foundation_outer_1 .foundation_block_2 {
        right: 0;
    }
    .foundation_content_main.foundation_block_3 {
        right: 0;
    }

    .foundation_outer_2 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_1 .foundation_block_3 .f_content_wraper {
        top: 0;
    }

    .foundation_outer_2 .foundation_block_2 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_1 {
        left: 0;
    }

    .foundation_outer_2 .foundation_block_3 {
        left: 0;
    }

    .f_content_wraper h4 {
        font-size: 22px;
        text-align: left;
        line-height: 25px;
    }

    .foundation_grid_wraper_outer {
        gap: 100px;
    }

    .middle--icon-main {
        display: none;
    }

    .f_icon_wraper {
        flex: 75px 0 0;
    }

    .f_content_wraper p {
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }

    .gruvian--ContentWrap p {
        font-size: 22px;
    }

    .gruvian--ImageWrap img {
        width: 200px !important;
        height: 250px;
        object-position: top;
    }

    .quotes_content img {
        height: 65px;
    }

    .quotes_content {
        right: 22%;
    }
    .life_journey_icon img {
        height: 60px;
    }

    .life_journey_icon.top_icon_position:before {
        height: 88px;
        bottom: -80px;
    }

    .life_journey_content h4 {
        font-size: 16px;
        height: 100%;
    }

    .life_gruvejourney_main::before {
        width: 76px;
        left: 100%;
    }

    .life_gruvejourney_main:last-child::after {
        right: 0px;
    }

    .life_journey_icon.bottom_icon_position:before {
        height: 80px;
        top: -80px;
    }

    .life_journey_icon.bottom_icon_position {
        bottom: -135px;
    }

    .eplore_journey_box h4 {
        font-size: 18px;
    }

    a.btn.btn-white {
        padding: 10px 20px;
        font-size: 14px;
    }

    .eplore_journey_box {
        padding: 20px;
        height: auto;
        right: -53px;
    }

    .team--OuterWraper {
        gap: 20px;
    }

    .team-label-wraper {
        right: -10px;
    }

    .team-label-wraper h4 {
        font-size: 14px;
    }
    .eplore_journey_box::before {
        right: 45px;
    }
}

@media (min-width: 1920px) and (max-width: 2200px) {
    .prefooter_top_devider {
        top: -255px;
    }

    .prefooter_bottom_devider {
        bottom: -330px;
        z-index: 1;
    }
    /* .agenda--Hightlight-Inner .bg-white {
        padding: 0px;
    } */
}


@media (min-width: 2201px) and (max-width: 2600px) {
    .prefooter_top_devider {
        top: -285px;
    }

    .prefooter_bottom_devider {
        bottom: -425px;
        z-index: 1;
    }
    .agenda--Hightlight-Inner .bg-white {
        padding: 0px;
    }
}