.page-template-page-platform-overview .platform_page {
    margin: 0;
}

.platform-overview__section {
    display: flex;
    flex-flow: column;

    & .platform-overview__header {
        display: flex;
        justify-content: space-between;
        padding: 36px 1rem;

        & .platform-overview__title {
            display: flex;
            padding: 6px 16px;
            align-items: flex-start;
            border-radius: 4px;
            border: 1px solid var(--GC-Grey---600, #6B777E);

            & .use-cases__back {
                color: var(--GC-Grey---600, #6B777E);
                /* Tag-Large */
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.56px;
                text-transform: uppercase;
            }
        }

        & .platform-overview__go-back {
            display: flex;
            height: 32px;
            padding: 4px 0px;
            align-items: center;

            & .btn-back {
                color: var(--GC-Grey---600, #6B777E);
                /* Tag-Large */
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.56px;
                text-transform: uppercase;
                text-decoration: none;
                display: flex;
                gap: 5px;

                & svg {
                    fill: #6B777E;
                    margin-top: 0px;

                    & path {
                        fill: #6B777E;
                    }
                }
            }
        }
    }

    & .platform-overview__hero {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        padding: 76px 0;

        & .platform-overview__hero-title {
            display: flex;
            justify-content: center;
            align-items: center;

            & h1 {
                color: var(--GC-DarkBlue, #035694);
                text-align: center;

                /* H1 */
                font-family: 'Lato', sans-serif;
                font-size: 63px;
                font-style: normal;
                font-weight: 600;
                line-height: 100%;
                /* 63px */
                letter-spacing: -1.26px;
            }
        }

        & .platform-overview__hero-text {
            max-width: 708px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            & p {
                color: var(--GC-Grey---700, #59636A);

                /* Body Large */
                font-family: 'Lato', sans-serif;
                font-size: 22px;
                font-style: normal;
                font-weight: 400;
                line-height: 31px;
                letter-spacing: -0.22px;
                text-align: center;

                & span {
                    color: var(--GC-Grey---700, #59636A);
                    text-align: center;
                    font-family: 'Lato', sans-serif;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 31px;
                    /* 140.909% */
                    letter-spacing: -0.22px;
                }
            }
        }
    }

    & .building-blocks__section {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: row wrap;
        padding: 48px 0 128px 0;
        gap: 48px 24px;
        margin-bottom: 48px;

        & .building-blocks__title {
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            gap: 24px;
            flex: 0 0 100%;



        }

        & .building-blocks__img {
            flex: 0 0 100%;
            max-width: 560px;
        }

        & .building-blocks__text {
            flex: 0 0 100%;
            max-width: 560px;
            padding-top: 45px;
            gap: 24px;
            display: flex;
            flex-flow: column;

            & h2 {

                /* H2 */
                font-family: 'Lato', sans-serif;
                font-size: 54px;
                font-style: normal;
                font-weight: 500;
                line-height: 110%;
                /* 59.4px */
                letter-spacing: -0.54px;
                background: var(--GC-Branding-2025-GC-Gradient, linear-gradient(42deg, #25C3C1 4.8%, #377EF7 98.12%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }


            & p {
                color: var(--Neutral-Grey, #68718B);

                /* TXT - Large */
                font-family: 'Lato', sans-serif;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 23.4px */
                letter-spacing: 0.18px;
            }



            & .tabs-container {
                max-width: 600px;
                margin: 20px auto;
                width: 100%;
                gap: 24px;
                display: flex;
                flex-flow: column;
            }

            & .tabs-item {
                display: block;
                padding: 0px 0px 4px 24px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 8px;
                align-self: stretch;
                border-left: 4px solid var(--GC-Grey---300, #DADEE1);
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
            }

            & .tabs-item.active {
                border-left: 4px solid var(--GC-Green, #25C3C1);
            }

            & .panel-heading a {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-self: stretch;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                color: var(--GC-DarkBlue, #035694);

                /* H4 */
                font-family: 'Lato', sans-serif;
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: 110%;
                /* 26.4px */
                letter-spacing: 0.24px;
                text-decoration: none;
                cursor: pointer;
            }

            & .panel-heading a:hover {
                background-color: none;
            }

            & .panel-body {
                display: none;
                padding: 10px 0;
                background-color: none;
                border-top: none;
                max-width: 404px;
                width: 100%;

                & p {
                    color: var(--GC-Grey---700, #59636A);

                    /* Body S */
                    font-family: 'Lato', sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;
                    /* 18.2px */
                }
            }
        }
    }

    & .platform__categories {
        display: flex;
        width: 1140px;
        margin: 0 auto;
        flex-flow: row nowrap;
        gap: 24px;
        justify-content: center;

        & .platform__category {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            max-width: 351px;
            width: 100%;
            flex: 1 0 0;
            align-self: stretch;
            gap: 24px;

            & img {
                width: 94px;
                height: 94px;
            }

            & h3 {
                color: var(--GC-DarkBlue, #035694);

                /* H4 */
                font-family: 'Lato', sans-serif;
                font-size: 26px;
                font-style: normal;
                font-weight: 600;
                line-height: 110%;
                /* 28.6px */
                letter-spacing: -0.26px;
            }

            & p {
                color: var(--GC-Grey---700, #59636A);

                /* Body Medium */
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 23px;
                /* 143.75% */
                letter-spacing: 0.16px;
                max-width: 330px;
            }
        }
    }


}

@media (max-width: 992px) {
    .platform-overview__section {

        & .platform-overview__header {
            display: none;
        }

        & .platform-overview__hero {

            & .platform-overview__hero-title {
                max-width: calc(100% - 42px);

                & h1 {

                    font-family: 'Lato', sans-serif;
                    font-size: 42px;
                }
            }

            & .platform-overview__hero-text {
                max-width: calc(100% - 42px);

                & p {
                    line-height: 18px;
                    font-size: 18px;
                    max-width: 620px;


                    & span {
                        line-height: 18px;
                        font-size: 18px;
                    }

                }
            }
        }

        & .building-blocks__section {
            padding: 0;
            gap: 24px 24px;
            margin-bottom: 48px;
            width: calc(100% - 24px);

            & .building-blocks__img {
                flex: 0 0 100%;
                max-width: 100%;
                max-height: 300px;
                display: flex;
                justify-content: center;

                & img {
                    max-height: 300px;
                    object-position: 10px;
                }
            }

            & .building-blocks__text {
                & h2 {
                    font-family: 'Lato', sans-serif;
                    font-size: 42px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 110%;
                    letter-spacing: -0.54px;
                    background: var(--GC-Branding-2025-GC-Gradient, linear-gradient(42deg, #25C3C1 4.8%, #377EF7 98.12%));
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .platform-overview__section {

        & .platform-overview__header {
            display: none;
        }

        & .platform-overview__hero {

            & .platform-overview__hero-title {
                max-width: calc(100% - 48px);

                & h1 {

                    font-family: 'Lato', sans-serif;
                    font-size: 42px;
                    max-width: 330px;
                }
            }

            & .platform-overview__hero-text {
                max-width: calc(100% - 42px);

                & p {
                    line-height: 18px;
                    font-size: 16px;
                    max-width: 330px;

                    & span {
                        line-height: 18px;
                        font-size: 16px;
                    }

                }
            }
        }

        & .building-blocks__section {
            padding: 0;
            gap: 24px 0;
            margin-bottom: 48px;
            width: calc(100% - 48px);

            & .building-blocks__text {
                & h2 {
                    font-size: 32px;

                }

                & p {
                    font-size: 16px;

                }

                & .panel-heading a {
                    font-size: 18px;

                }
            }

            & .building-blocks__img {
                flex: 0 0 100%;
                max-width: calc(100% - 42px);
                max-height: 300px;
                display: flex;
                justify-content: center;

                & img {
                    max-height: 300px;
                }
            }
        }

        & .platform__categories {
            display: flex;
            width: calc(100% - 48px);
            margin: 0 auto;
            flex-flow: column nowrap;
            gap: 16px;
            justify-content: center;
            padding: 0;

            & .platform__category {
                margin: 0 auto;
            }
        }
    }
}

.platform-overview__aliance {
    display: flex;
    flex-flow: column wrap;
    max-width: 1140px;
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 128px 0;


    & .platform-overview__why {
        display: flex;
        flex-flow: row nowrap;
        gap: 24px;
        margin: 0 auto;

        & h2 {
            color: var(--GC-DarkBlue, #035694);

            /* H3 */
            font-family: 'Lato', sans-serif;
            font-size: 36px;
            font-style: normal;
            font-weight: 500;
            line-height: 110%;
            /* 39.6px */
            letter-spacing: -0.72px;
            max-width: 363px;
            width: 100%;

            & span {
                color: var(--GC-DarkBlue, #035694);
                font-family: 'Lato', sans-serif;
                font-size: 36px;
                font-style: normal;
                font-weight: 700;
                line-height: 110%;
                letter-spacing: -0.72px;
            }
        }

        & p {
            color: var(--GC-Grey---600, #6B777E);

            /* TXT - Large */
            font-family: 'Lato', sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 23.4px */
            letter-spacing: 0.18px;
            width: 100%;
            max-width: 569px;
        }
    }


    & .platform-overview__security {
        display: flex;
        max-width: 956px;
        width: 100%;
        margin: 0 auto;
        padding: 48px 0;

        & .platform-overview__left-text {
            display: flex;
            max-width: 358px;
            width: 100%;
            padding: 0px 24px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 16px;

            & h4 {
                color: var(--GC-Black---900, #1D2B36);

                /* H4 */
                font-family: 'Lato', sans-serif;
                font-size: 28px;
                font-style: normal;
                font-weight: 500;
                line-height: 105%;
                /* 29.4px */
            }

            & p {
                color: var(--GC-Grey---500, #8F979D);

                /* TXT - Small */
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 18.2px */
                letter-spacing: 0.14px;
            }
        }

        & .platform-overview__imgs {
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            gap: 30px;

            & img {
                height: auto;
                max-width: 137px;
                object-fit: cover;
                max-height: 89px;
            }

        }
    }

    & .platform-overview__security-cards {
        padding-bottom: 200px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        justify-content: center;
        padding: 48px 0 228px 0;

        & .platform-overview__security-card {
            display: flex;
            padding: 0px 24px 24px 24px;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;

            & img {
                height: 223px;
                align-self: center;
            }

            & h4 {
                color: var(--GC-Black---900, #1D2B36);

                /* H4 */
                font-family: 'Lato', sans-serif;
                font-size: 28px;
                font-style: normal;
                font-weight: 500;
                line-height: 105%;
                /* 29.4px */
            }

            & p {
                color: var(--GC-Grey---500, #8F979D);

                /* TXT - Small */
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 18.2px */
                letter-spacing: 0.14px;
                max-width: 418px;
                width: 100%;
            }
        }
    }
}

@media (max-width: 992px) {
    .platform-overview__aliance {
        & .platform-overview__why {
            flex-flow: column;
            align-items: center;
            gap: 16px;

            & h2 {
                font-size: 32px;
                text-align: center;
                max-width: 300px;
                display: flex;
                flex-flow: column;

                & span {
                    font-size: 32px;
                    text-align: center;
                }
            }

            & p {
                max-width: 350px;
                font-size: 16px;
                text-align: center;
            }
        }

        & .platform-overview__security {
            flex-flow: column;
            align-items: center;
            text-align: center;

            & .platform-overview__left-text {
                text-align: center;
                align-items: center;
            }

            & .platform-overview__imgs {
                flex-flow: row wrap;
                max-width: calc(100% - 42px);
                width: 100%;
                justify-content: center;
                margin: 24px 0;
            }


        }

        & .platform-overview__security-cards {
            flex-direction: row;
            align-items: center;
            justify-content: center;
            align-self: center;
            padding: 24px 0 24px 0;

            & .platform-overview__security-card {
                max-width: 350px;
                width: calc(100% - 24px);

                & img {
                    height: auto;
                    align-self: center;
                }
            }

        }
    }
}

@media (max-width: 768px) {
    .platform-overview__aliance {
        & .platform-overview__why {
            flex-flow: column;
            align-items: center;
            gap: 16px;

            & h2 {
                font-size: 24px;
                text-align: center;
                max-width: 300px;
                display: flex;
                flex-flow: column;

                & span {
                    font-size: 24px;
                    text-align: center;
                }
            }

            & p {
                max-width: 350px;
                font-size: 16px;
                text-align: center;
            }
        }

        & .platform-overview__security {
            flex-flow: column;
            align-items: center;
            text-align: center;

            & .platform-overview__left-text {
                text-align: center;
                align-items: center;
            }

            & .platform-overview__imgs {
                flex-flow: row wrap;
                max-width: calc(100% - 42px);
                width: 100%;
                justify-content: center;
                margin: 24px 0;
            }


        }

        & .platform-overview__security-cards {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            align-self: center;
            padding: 24px 0 24px 0;

            & .platform-overview__security-card {
                max-width: 350px;
                width: calc(100% - 24px);

                & img {
                    height: auto;
                    align-self: center;
                }
            }

        }
    }
}