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

body {
    font-family: "Roboto", sans-serif;
}


.go-exceed-case-study-section {
    padding: 80px 0;
}

.go-exceed-case-study-h1 {
    font-size: 58px;
    font-weight: 800;
    color: #fff;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-h2 {
    font-size: 52px;
    font-weight: 800;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-h3 {
    font-size: 32px;
    font-weight: 800;
    color: #F87171;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-h4 {
    font-size: 24px;
    font-weight: 600;
    color: #3ACDF8;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-h5 {
    font-size: 18px;
    font-weight: 800;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-para1 {
    font-size: 20px;
    font-weight: 400;
    color: #CBD5E1;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-para2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
}

.go-exceed-case-study-para3 {
    font-size: 14px;
    font-weight: 400;
    color: #9CA3AF;
    font-family: "Roboto", sans-serif;
}


.go-exceed-case-study-para4 {
    font-size: 12px;
    font-weight: 400;
    color: #CBD5E1;
    font-family: "Roboto", sans-serif;
}




.font-wt-400 {
    font-weight: 400 !important;
}

.font-wt-500 {
    font-weight: 500 !important;
}

.font-wt-600 {
    font-weight: 600 !important;
}

.font-wt-700 {
    font-weight: 700 !important;
}

.font-wt-800 {
    font-weight: 800 !important;
}



/* hero section style start here -------------------------------------------------------------- */


.go-exceed-hero-section {
    background: linear-gradient(274.6deg, #1C283F -7.84%, #111B2F 112.77%) !important;
    min-height: 100vh;
    padding-top: 180px;
}

@media (min-width: 992px) {
    .go-exceed-right-banner {
        transform: translateX(10%);
    }
}


.go-exceed-badges {
    background-color: #2A4DB7;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 999px;
    width: fit-content;
}



/* Metrics Cards Section Styles */

.go-exceed-metrics-card {
    background-color: #14203A;
    border-radius: 12px;
    padding: 24px 30px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

/* Go exceed Critical section style start here -------------------------------------------------------------- */

.go-exceed-critical-badge {
    background-color: #6B1F2745;
    color: #F87171;
    border: 1.38px solid #6B1F27;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 38px;
    border-radius: 999px;
    width: fit-content;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.go-exceed-critical-section {
    background: linear-gradient(269.92deg, #1C2940 0.08%, #10192D 99.93%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.go-exceed-critical-section .go-exceed-metrics-card {
    background: linear-gradient(312.64deg, rgba(31, 41, 55, 0.2) 49.87%, rgba(88, 117, 157, 0.2) 102.69%);
    box-shadow: 0px 4px 4px 0px #212C40;
    border: 1px solid #334d76;
}

/* Workflow Challenge Cards Section - New Styles */
.go-exceed-workflow-section {
    background: linear-gradient(258.31deg, #1C2940 0%, #111C34 108.06%);

}

.go-exceed-workflow-challenge-card {
    padding: 25px;
    background: #12203A;
    border-radius: 12px;
    transition: all 0.3s ease;
    height: 100%;
    backdrop-filter: blur(10px);
    position: relative;
    color: #FFFFFF;
    border: 1px solid #1F2E4A;
}

.go-exceed-workflow-challenge-card:hover {
    transform: translateY(-5px);
    border-color: rgba(58, 205, 248, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.go-exceed-critical-sm-badge {
    color: #B72A35;
    background-color: #3F1A22;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
}

.go-exceed-high-sm-badge {
    color: #A75A0A;
    background-color: #3F2A0A;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
}

.go-exceed-medium-sm-badge {
    color: #BBA300;
    background-color: #3F3A0A;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
}

/* Our Strategic Approach Section Styles */

.go-exceed-strategic-approach-section {
    background: linear-gradient(180deg, #0F1C36 0%, #15253F 50%);
}

.go-exceed-our-strategic-approach-badge {
    background: linear-gradient(180deg, #2F3E6A 0%, #1F2A4A 50%);
    border: 1px solid #2F3E6A;
    color: #5A7BD8;
    padding: 5px 20px;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    margin-inline: auto;
}

.go-exceed-our-strategic-approach-h2-span {
    background: linear-gradient(90deg, #9333EA 0%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.go-exceed-label {
    font-size: 24px;
    font-weight: 400;
    color: #3ACDF8;
    font-family: "Roboto", sans-serif;
}

/* Methodology Workflow Cards Section - New Styles */
.go-exceed-methodology-workflow-container {
    position: relative;
    /* margin-top: 60px; */
}

.go-exceed-methodology-workflow-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 50px;
}

.go-exceed-methodology-workflow-row-bottom {
    margin-bottom: 0;
}

.go-exceed-methodology-card {
    background-color: #21262B;
    border-radius: 16px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 4px 12px 0px #FFFFFF14;
    padding: 44px 32px;
    text-align: center;
    width: 33.3%;
    height: 250px;
    /* width: 280px; */
    transition: all 0.3s ease;
    position: relative;
}

.go-exceed-methodology-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(119.79deg, #F4F4F4 -1.8%, rgba(244, 244, 244, 0.2) 37.05%, rgba(139, 141, 144, 0.6) 72.67%, #21262B 108.29%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.go-exceed-methodology-card:hover {
    transform: translateY(-5px);
    border-color: rgba(58, 205, 248, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.go-exceed-methodology-icon {
    margin: 0 auto 20px;
}

.go-exceed-methodology-description {
    font-size: 16px;
    font-weight: 400;
    color: #CBD5E1;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    margin: 0;
}

.go-exceed-methodology-connector {
    width: 80px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.go-exceed-methodology-connector img {
    width: 100%;
    height: auto;
    filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(1000%) hue-rotate(180deg) brightness(1.1) contrast(1);
}

.go-exceed-methodology-connector-purple img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(1000%) hue-rotate(250deg) brightness(1.1) contrast(1);
}

.go-exceed-methodology-connector-orange img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(1000%) hue-rotate(20deg) brightness(1.1) contrast(1);
}

.go-exceed-methodology-connector-green img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(1000%) hue-rotate(140deg) brightness(1.1) contrast(1);
}

.go-exceed-methodology-vertical-connector {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 80px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.go-exceed-methodology-vertical-connector img {
    width: 100%;
    height: auto;
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(1000%) hue-rotate(250deg) brightness(1.1) contrast(1);
}

@media (max-width: 1200px) {
    .go-exceed-methodology-workflow-row {
        gap: 0;
    }

    .go-exceed-methodology-card {
        width: 250px;
        padding: 25px 20px;
    }

    .go-exceed-methodology-connector {
        width: 60px;
    }

    .go-exceed-methodology-vertical-connector {
        width: 60px;
    }
}

@media (max-width: 992px) {
    .go-exceed-methodology-workflow-row {
        flex-direction: column;
        gap: 0;
    }

    .go-exceed-methodology-connector {
        transform: rotate(90deg);
        width: 40px;
        height: 60px;
    }

    .go-exceed-methodology-vertical-connector {
        display: none;
    }

    .go-exceed-methodology-card {
        width: 100%;
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .go-exceed-methodology-workflow-container {
        margin-top: 40px;
    }

    .go-exceed-methodology-card {
        padding: 20px 15px;
    }

    .go-exceed-methodology-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }

    .go-exceed-methodology-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .go-exceed-methodology-description {
        font-size: 13px;
    }
}

.user-centered-design-cards .go-exceed-case-study-para2 {
    color: #CBD2E1;
}

.user-centered-design-cards {
    background-color: #14203A;
    border-radius: 12px;
    padding: 32px 37px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.user-centered-design-cards-1 {
    background-color: #1C4E7A;
}

.user-centered-design-cards-2 {
    background-color: #4A2F66;
}

.user-centered-design-cards-3 {
    background-color: #1F5E4A;
}

/* Token Design System style start  */


.go-exceed-token-design-system-section {
    background-color: #152238;
}

.goexceed-design-token-cards {
    background-color: #1E2A4A;
    padding: 17px;
    border: 1px solid #334155;
    ;
    border-radius: 8px;
    height: 100%;
}

.goexceed-design-token-cards .go-exceed-case-study-para2 {
    color: #CBD5E1;
}

.goexceed-design-token-card-1-content {
    background-color: #1A1A1A;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-design-token-card-2-content {
    background-color: #FFFFFF;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-design-token-card-3-content {
    background-color: #FFFFFF;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-design-token-card-4-content {
    background-color: #333333;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-design-token-card-5-content {
    background-color: #404040;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-design-token-card-6-content {
    background-color: #DC2626;
    height: 58px;
    width: 100%;
    border-radius: 6px;
}

.goexceed-color-container {
    background-color: #1E2A4A;
    padding: 4px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 6px;
    color: #94A3B8;
    height: 100%;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;

}


.goexceed-typography-container,
.goexceed-spacing-container,
.goexceed-components-container {
    background-color: transparent;
}

/* Optimizer section start here */

.go-exceed-optimizer-section {
    background-color: #1A253C;
    position: relative;
}

.go-exceed-right-circle-pattern-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.go-exceed-optimizer-section .go-exceed-case-study-para1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 80px;
    height: 4px;
    background-color: #5DACC3;
    /* z-index: -1; */
}

.go-exceed-real-time-data-img {
    width: 100%;
}

.go-exceed-accessory-ordering-img {
    width: 100%;
}

.go-exceed-audit-img {
    width: 100%;
}

.go-exceed-cdi-deployed-img {
    width: 100%;
}

@media (min-width: 992px) {
    .go-exceed-real-time-data-img {
        width: 109%;
        margin-top: -280px;
    }

    .go-exceed-accessory-ordering-img {
        width: 109%;
        margin-top: -190px;
    }

    .go-exceed-audit-img {
        width: 109%;
        margin-top: -290px;
    }

    .go-exceed-cdi-deployed-img {
        width: 100%;
        margin-top: -200px;
    }
}



/* go-exceed-unified-platform-benefits-section style start here */

.go-exceed-unified-platform-benefits-section {
    background: linear-gradient(263.99deg, #1D2940 1.49%, #111A2E 99.56%);

}

.unified-platform-benefits-content {
    background: #1C2A4A;
    padding: 40px 32px;
    border-radius: 12px;
}

.unified-platform-benefits-content .go-exceed-case-study-para2 {
    font-weight: 400;
}

.key-design-improvements-card {
    background-color: #1C2A4A;
    padding: 20px;
    border-radius: 12px;
    height: 100%;
}

.key-design-improvements-card .go-exceed-case-study-para2 {
    font-size: 14px;
}

.go-exceed-complete-transformation-badge {
    background: linear-gradient(180deg, #2F5BB7 0%, #1CA18D 50%);
    color: #FFFFFF;
    padding: 10px 30px;
    border-radius: 9999px;
    width: fit-content;
    margin-inline: auto;
    font-size: 14px;
    font-weight: 600;
}




/* business-impact-card section style */
.business-impact-card {
    background-color: #1F2C3A;
    box-shadow: 0px 0px 0px 0px #00000000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 40px;
}

.business-impact-card .business-impact-title {
    font-family: Roboto;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 46.08px;
    line-height: 48px;
    letter-spacing: 0%;
    color: #00D084;

}

/*/ INSERT_YOUR_CODE */
@media (max-width: 576px) {
    .goexceed-color-container {
        display: none;
    }

    .go-exceed-case-study-section {
        padding: 60px 0;
    }

    .go-exceed-hero-section {
        padding-top: 140px !important;
    }

    .go-exceed-logo {
        width: 60% !important;
    }

    .go-exceed-case-study-h1 {
        font-size: 48px;
    }

    .go-exceed-case-study-h2 {
        font-size: 40px;
    }

    .go-exceed-case-study-h3 {
        font-size: 28px;
    }

    .go-exceed-case-study-h4 {
        font-size: 22px;
    }

    .go-exceed-case-study-h5 {
        font-size: 16px;
    }

    .go-exceed-case-study-para1 {
        font-size: 18px;
    }

    .go-exceed-case-study-para2 {
        font-size: 14px;
    }

    .go-exceed-critical-badge {
        background-color: #6B1F2745;
        color: #F87171;
        border: 1.38px solid #6B1F27;
        font-size: 14px;
        font-weight: 600;
        padding: 4px 14px;
        border-radius: 999px;
        width: fit-content;
        margin-inline: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .go-exceed-critical-section {
        background: linear-gradient(269.92deg, #1C2940 0.08%, #10192D 99.93%);
        display: flex;
        align-items: center;
        justify-content: center;
    }


}