.footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    height: auto;
    background-color: var(--color-black-gc);
    width: 100%;

    & .footer-btn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 88px 0 0;
        max-width: 1200px;
        width: calc(100% - 4rem);
        gap: 64px;

        & .footer-btn-content-left {
            width: 330px;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-flow: column;
            flex: 0 0 350px;

            & .footer-btn-logo {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 75px;

                & .logo {
                    width: 100%;

                    & img {
                        width: 100%;
                        max-width: 500px;
                    }
                }
            }

            & .footer-btn-media {
                display: flex;
                flex-flow: column;
                width: 100%;
                margin-bottom: 96px;

                & p {
                    align-self: flex-start;
                    width: calc(50% - 48px);
                    max-width: 261px;
                    color: var(--color-white);

                    /* TXT - Small */
                    font-family: var(--font-family-primary);
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%;
                    /* 22.4px */
                    letter-spacing: 0.14px;
                }

                & .social-media {
                    display: flex;
                    align-self: flex-start;
                    gap: 24px;
                    margin: 24px 0;
                    width: calc(50% - 48px);
                    max-width: 261px;

                    & .item-social {
                        & a {
                            display: flex;
                            padding: 6.667px;
                            justify-content: center;
                            align-items: center;
                            gap: 8.333px;
                            border-radius: 8.333px;
                            background: rgba(255, 255, 255, 0.20);
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
            }

            & .footer-btn-subtitle {
                display: none;
                align-items: center;
                justify-content: flex-start;
                margin-bottom: 160px;

                & p {
                    font-family: var(--font-family-primary);
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 120%;
                    /* 33.6px */
                    background: var(--GC-MainGradient, linear-gradient(42deg, #25C3C1 4.8%, #377EF7 98.12%));
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    max-width: 332px;
                }
            }
        }

        & .footer-btn-content-right {
            width: auto;
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
            flex-flow: column;
            flex: 1 0 auto;

            & .footer-btn-links {
                display: flex;
                flex-flow: row nowrap;
                gap: 64px;
                width: 100%;
                justify-content: flex-end;

                & .item {
                    width: max-content;
                    max-width: 261px;

                    & ul {
                        display: flex;
                        flex-flow: column;
                        gap: 24px;

                        & li {
                            & a {
                                color: var(--color-medium-gray);

                                /* TXT - Small */
                                font-family: var(--font-family-primary);
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 160%;
                                /* 22.4px */
                                letter-spacing: 0.14px;
                                text-decoration: none;
                                position: relative;
                                display: inline-block;
                                text-decoration: none;
                                padding: 1px 0;
                                transition: color .2s ease-in-out;

                                &::after {
                                    content: '';
                                    position: absolute;
                                    bottom: 0;
                                    left: 0;
                                    width: 0;
                                    height: 1px;
                                    background-color: var(--color-white);
                                    transition: all 0.2s ease-in-out;
                                }

                                &:hover {
                                    color: var(--color-white);

                                    &::after {
                                        width: 100%;
                                        color: var(--color-white);
                                    }
                                }
                            }

                            & p.title {
                                color: var(--color-white);
                                font-family: var(--font-family-primary);
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 120%;
                                /* 19.2px */
                            }

                        }
                    }
                }
            }
        }
    }

    & .footer-btn-institutions-imgs {
        display: flex;
        width: calc(100% - 4rem);
        max-width: 1200px;
        padding: 32px;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 19px;
        border-radius: 19.123px;
        background: var(--color-white);
        margin-bottom: 64px;

        & .footer-btn-aenor-title {
            color: var(--color-gray);

            /* Tag - Small */
            font-family: var(--font-family-primary);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 22.4px */
            letter-spacing: 0.84px;
            text-transform: uppercase;
            width: 100%;
            min-width: 100%;
        }

        & .footer-btn-aenor-imgs {
            width: fit-content;
            height: auto;
            display: flex;
            flex-flow: row;
            gap: 8px;

            & .footer-btn-aenor-img {
                width: 94px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-flow: column;
                gap: 16px;
                margin-top: 14px;

                & img {
                    width: 96px;
                    height: auto;
                    border-radius: 0 !important;
                    -webkit-border-radius: 0 !important;
                    -moz-border-radius: 0 !important;
                    -ms-border-radius: 0 !important;
                    -o-border-radius: 0 !important;
                }
            }



            & a {
                color: var(--color-black);

                /* Tag - XSmall */
                font-family: var(--font-family-primary);
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 16px */
                letter-spacing: 0.6px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                text-transform: uppercase;
            }
        }

        & .footer-btn-ens-imgs {
            display: flex;
            flex-flow: row wrap;
            gap: 18px 16px;
            width: fit-content;
            max-width: 173px;
            justify-content: center;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;

            & .footer-btn-ens-img {
                width: fit-content;
                width: 78.261px;
                height: 94.995px;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;

                & img {
                    border-radius: 0 !important;
                    -webkit-border-radius: 0 !important;
                    -moz-border-radius: 0 !important;
                    -ms-border-radius: 0 !important;
                    -o-border-radius: 0 !important;
                }
            }

            & a {
                color: var(--color-black);

                /* Tag - XSmall */
                font-family: var(--font-family-primary);
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 16px */
                letter-spacing: 0.6px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                text-transform: uppercase;
            }
        }

        & .list-items-footer {
            display: flex;
            flex-flow: row wrap;
            gap: 16px;
            width: auto;
            max-width: 588px;

            & .item-footer {
                & img {
                    height: 50px;
                    min-width: 262px;
                    object-fit: contain;
                    object-position: left;
                    display: flex;
                    justify-content: flex-start;
                    max-width: 300px;
                }
            }
        }
    }

    & .footer-btn-copyright {
        margin-top: 24px;
        width: calc(100% - 4rem);
        max-width: 1200px;
        display: flex;
        padding-top: 24px;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
        border-top: 1px solid var(--color-dark-gray);
        justify-content: space-between;
        margin-bottom: 32px;

        & .footer-btn-legales {
            display: flex;
            justify-content: flex-start;

            & .list-items-footer {
                display: flex;
                flex-flow: row;
                align-items: center;
                gap: 16px;

                & .item-footer {
                    & a {
                        color: var(--color-white);

                        /* TXT - Small */
                        font-family: var(--font-family-primary);
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 160%;
                        /* 22.4px */
                        letter-spacing: 0.14px;
                        text-decoration: none;
                    }
                }
            }


        }

        & .footer-btn-copy {
            & p {
                color: var(--color-white);

                /* TXT - Small */
                font-family: var(--font-family-primary);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 22.4px */
                letter-spacing: 0.14px;
            }
        }
    }

}

@media (max-width: 1243px) {
    .footer {

        & .footer-btn {
            & .footer-btn-content-right {
                width: auto;
                margin-bottom: 44px;
            }
        }

        & .footer-btn-institutions-imgs {
            display: flex;
            width: calc(100% - 4rem);
            max-width: 960px;
            padding: 32px;
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 24px 68px;
            border-radius: 19.123px;
            background: var(--color-white);
        }

        & .footer-btn {
            display: flex;
            width: 100%;
            justify-content: center;
            padding: 88px 0 0;
            max-width: 960px;
            width: calc(100% - 4rem);
        }

        & .footer-btn-copyright {
            max-width: 960px;
            width: calc(100% - 4rem);
        }
    }
}

@media (max-width: 992px) {
    .footer {
        & .footer-btn-copyright {
            margin-top: 24px;
            width: 100%;
            display: flex;
            flex-flow: column;
            padding-top: 24px;
            align-items: flex-start;
            gap: 24px;
            flex: 1 0 0;
            border-top: 1px solid var(--color-dark-gray);
        }

        & .footer-btn {
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 0;

            & .footer-btn-content-left {
                width: 300px;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-flow: column;
                flex: 0;

                & .footer-btn-logo {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 16px;
                }

                & .footer-btn-media {
                    margin-bottom: 0;
                }
            }
        }
    }
}


@media (max-width: 768px) {
    .footer {
        & .footer-btn {
            flex-flow: column;

            & .footer-btn-content-left {
                width: 100%;

                & .footer-btn-logo {
                    margin-bottom: 24px;
                }

                & .footer-btn-media {
                    margin-bottom: 44px;
                }
            }

            & .footer-btn-content-right {
                & .footer-btn-links {
                    justify-content: flex-start;
                    flex-flow: column;
                    width: 100%;

                    & .item {
                        width: 100%;
                        max-width: 100%;
                    }
                }
            }
        }

        & .footer-btn-institutions-imgs {
            width: calc(100% - 2rem);
            padding: 24px;

            & .footer-btn-aenor-imgs {
                width: fit-content;
                height: auto;
                display: flex;
                flex-flow: row wrap;
                gap: 8px;
            }

            & .list-items-footer {
                & .item-footer {
                    & img {
                        height: 70px;
                        max-width: 400px;
                        width: 100%;
                    }
                }
            }
        }

        & .footer-btn-copyright {
            margin-top: 24px;
            width: 100%;
            display: flex;
            flex-flow: column;
            padding-top: 24px;
            align-items: flex-start;
            gap: 24px;
            flex: 1 0 0;
            border-top: 1px solid var(--color-dark-gray);

            & .footer-btn-legales {
                display: flex;
                justify-content: center;
                width: 100%;

                & .list-items-footer {
                    flex-flow: column;

                }
            }

            & .footer-btn-copy {
                max-width: 100%;
                display: flex;
                justify-content: center;
                width: 100%;

            }
        }
    }
}