/* Minification failed. Returning unminified contents.
(177,41): run-time error CSS1030: Expected identifier, found '.'
(177,48): run-time error CSS1031: Expected selector, found ')'
(177,48): run-time error CSS1025: Expected comma or open brace, found ')'
(444,22): run-time error CSS1030: Expected identifier, found '.'
(444,33): run-time error CSS1031: Expected selector, found ')'
(444,33): run-time error CSS1025: Expected comma or open brace, found ')'
(460,27): run-time error CSS1030: Expected identifier, found '.'
(460,38): run-time error CSS1031: Expected selector, found ')'
(460,38): run-time error CSS1025: Expected comma or open brace, found ')'
(546,25): run-time error CSS1030: Expected identifier, found '.'
(546,39): run-time error CSS1031: Expected selector, found ')'
(546,39): run-time error CSS1025: Expected comma or open brace, found ')'
(555,30): run-time error CSS1030: Expected identifier, found '.'
(555,44): run-time error CSS1031: Expected selector, found ')'
(555,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1134,17): run-time error CSS1030: Expected identifier, found '.'
(1134,67): run-time error CSS1031: Expected selector, found ')'
(1134,67): run-time error CSS1025: Expected comma or open brace, found ')'
(1365,26): run-time error CSS1030: Expected identifier, found '.'
(1365,37): run-time error CSS1031: Expected selector, found ')'
(1365,37): run-time error CSS1025: Expected comma or open brace, found ')'
(1375,31): run-time error CSS1030: Expected identifier, found '.'
(1375,42): run-time error CSS1031: Expected selector, found ')'
(1375,42): run-time error CSS1025: Expected comma or open brace, found ')'
(1449,29): run-time error CSS1030: Expected identifier, found '.'
(1449,43): run-time error CSS1031: Expected selector, found ')'
(1449,43): run-time error CSS1025: Expected comma or open brace, found ')'
(1473,34): run-time error CSS1030: Expected identifier, found '.'
(1473,48): run-time error CSS1031: Expected selector, found ')'
(1473,48): run-time error CSS1025: Expected comma or open brace, found ')'
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
input,
small,
b,
strong,
li,
button {
    font-family: "Noto Sans", sans-serif;
    color: #393939;
}

.lazyloaded,
.lazyload {
    max-width: 100%;
    height: auto;
}

.btn {
    padding: 0.85rem 2rem !important;
    border-radius: 1rem !important;
}

.btn-primary {
    border: solid 1px #d77500 !important;
    background-color: #d77500 !important;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #fff !important;
        color: #d77500 !important;
    }

.btn-secondary {
    border: solid 1px #008a29 !important;
    background-color: #008a29 !important;
    color: #fff;
}

    .btn-secondary:hover {
        background-color: #fff !important;
        color: #008a29 !important;
    }

.btn-login {
    border: solid 1px #fff !important;
    color: #fff !important;
}

    .btn-login:hover {
        background: #353535 !important;
        border-color: #353535 !important;
    }

.btn-register {
    border: solid 1px #353535 !important;
    background: #353535 !important;
    color: #fff !important;
}

    .btn-register:hover {
        background: #fff !important;
        border-color: #fff !important;
        color: #353535 !important;
    }

/* policies */

.policies-bottom {
    position: fixed;
    top: auto;
    right: 7rem;
    bottom: 4rem;
    left: auto;
    z-index: 1040;
    border-radius: 0.125rem 0.125rem 0 0;
    background-color: #d77500;
    border: 1px solid white;
    font-size: 0.6875rem;
    text-align: center;
    padding: 1.25rem;
    width: 21.875rem;
    color: #fff;
}

    .policies-bottom a {
        text-decoration: underline;
    }

.policies-bottom-buttons {
    justify-content: center;
    margin-top: 1.5rem;
    display: flex;
}

    .policies-bottom-buttons .btn {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }

    .policies-bottom-buttons .btn-link {
        color: white;
    }

    .policies-bottom-buttons .btn-default {
        background-color: #efefef;
        color: #333;
    }

@media (max-width: 768px) {
    .policies-bottom {
        width: calc(100% - 2rem);
        bottom: 1rem;
        right: 1rem;
    }

    .policies-bottom-buttons {
        margin-top: 1rem;
    }
}

/* header */
.header .navbar {
    transition: all 0.3s;
    position: absolute;
    z-index: 1070;
    width: 100%;
    top: 0;
}

.header .navbar-nav {
    align-items: center;
}

.header .navbar .nav-item {
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 1200px) {
    .header .navbar .nav-item {
        padding-right: 3px;
        padding-left: 3px;
    }
}

.header .navbar .nav-item .nav-link {
    transition: all 0.3s;
    color: white;
}

    .header .navbar .nav-item .nav-link:hover {
        color: #d77500;
    }

.header .navbar .changelanguage {
    border: solid 1px #fff;
    flex-direction: column;
    align-items: center;
    border-radius: 1rem;
    height: fit-content;
    position: relative;
    cursor: pointer;
    display: flex;
    padding: 14px;
    width: 54px;
}

    .header .navbar .changelanguage:has(.active) {
        border: transparent;
    }

    .header .navbar .changelanguage .languages {
        border: solid 1px #fff;
        flex-direction: column;
        padding-bottom: 1rem;
        align-items: center;
        border-radius: 1rem;
        padding-top: 3.5rem;
        visibility: hidden;
        position: absolute;
        margin-top: -1px;
        display: flex;
        height: 0;
        width: 0;
        top: 0;
    }

        .header .navbar .changelanguage .languages.active {
            visibility: initial;
            height: auto;
            width: 54px;
        }

        .header .navbar .changelanguage .languages > :not(:last-child) {
            flex-direction: column;
            margin-bottom: 1rem;
            display: flex;
        }

.custom-dropdown {
    position: relative;
}

    .custom-dropdown.active .custom-dropdown-menu {
        height: auto !important;
        opacity: 1 !important;
    }

    .custom-dropdown.active .nav-link::before {
        content: "";
        top: calc(100% - 1rem);
        position: absolute;
        height: 5rem;
        width: 100%;
    }

    .custom-dropdown.active .nav-link::after {
        content: "";
        transform: rotate(45deg) translateX(-50%);
        background-color: white;
        top: calc(100% + 0.9rem);
        position: absolute;
        border-radius: 3px;
        height: 1.5rem;
        width: 1.5rem;
        left: 50%;
    }

.custom-dropdown-menu {
    box-shadow: 0 7px 6px -4px #d776007e;
    background-color: white;
    top: calc(100% + 1rem);
    border-radius: 1rem;
    position: absolute;
    width: 32.874rem;
    overflow: hidden;
    opacity: 0;
    height: 0;
}

    .custom-dropdown-menu button {
        background-color: transparent;
        transition: all 0.3s;
        align-items: center;
        text-align: start;
        padding: 1.875rem;
        display: flex;
        border: none;
        width: 100%;
        gap: 1rem;
    }

    .custom-dropdown-menu:hover .nav-link {
        color: #d77500;
    }

    .custom-dropdown-menu button:hover {
        background-color: #00cc33;
    }

        .custom-dropdown-menu button:hover svg.bi-arrow-right-short {
            opacity: 1;
        }

    .custom-dropdown-menu button:first-child {
        border-radius: 1rem 1rem 0 0;
    }

    .custom-dropdown-menu button:last-child {
        border-radius: 0 0 1rem 1rem;
    }

    .custom-dropdown-menu button:not(:last-child) {
        border-bottom: 1px solid gray;
    }

    .custom-dropdown-menu button svg {
        height: 1.3rem;
        width: 1.3rem;
        flex: none;
    }

    .custom-dropdown-menu button span {
        flex-direction: column;
        display: flex;
    }

    .custom-dropdown-menu button svg.bi-arrow-right-short {
        transition: all 0.3s;
        margin-left: auto;
        height: 2.5rem;
        width: 2.5rem;
        opacity: 0;
    }

/* section banner */
.banner {
    position: relative;
    max-width: 1920px;
    overflow-x: hidden;
    overflow-y: clip;
    margin: auto;
}

    .banner .background-top {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .banner .wave {
        position: absolute;
        bottom: -0.1rem;
        transform: rotateY(180deg);
        pointer-events: none;
    }

    .banner .grad {
        position: absolute;
        right: -13%;
        bottom: -50px;
        z-index: 1;
        opacity: 0.5;
        pointer-events: none;
    }

    .banner .container {
        position: relative;
        padding-top: 180px;
        padding-bottom: 140px;
    }

        .banner .container h1 {
            color: #fff;
            font-size: 36px;
            font-weight: 400;
            margin-bottom: 22px;
            padding-top: 40px;
        }

            .banner .container h1 b {
                color: #fff;
            }

        .banner .container p {
            font-size: 24px;
            font-weight: 400;
            margin-bottom: 50px;
            color: #fff;
        }

    .banner .buttons {
        display: flex;
    }

        .banner .buttons .btn:nth-child(1) {
            margin-right: 1rem;
        }

    .banner .glassmorphism {
        background: rgba(255, 255, 255, 0);
        border: solid 1px rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(7px);
        border-radius: 10px;
        padding: 40px 14px 50px;
        position: absolute;
        z-index: 10;
    }

/* section buyers */
.buyers {
    padding-top: 180px;
    padding-bottom: 140px;
    position: relative;
    max-width: 1920px;
    margin: auto;
}

    .buyers .b-sticky {
        height: fit-content;
        left: 0;
        position: sticky;
        top: 2rem;
    }

    .buyers .buyers-background {
        position: absolute;
        width: 400px;
        height: 600px;
        border-radius: 0 1rem 1rem 0;
    }

    .buyers h2 {
        font-size: 24px;
        color: #d77500;
        margin-bottom: 26px;
    }

        .buyers h2 span {
            font-weight: 700;
        }

    .buyers h3 {
        font-size: 36px;
        margin-bottom: 12px;
        line-height: 50px;
    }

        .buyers h3 span {
            font-weight: 700;
        }

    .buyers .first-col {
        height: fit-content;
        left: 0;
        position: sticky;
        top: 2rem;
    }

    .buyers .buyers-title {
        height: fit-content;
        left: 0;
        position: sticky;
        top: 0;
        z-index: 1050;
        padding-top: 2rem;
        padding-bottom: 1rem;
        background: rgba(255, 255, 255, 0.25);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .buyers .row:has(.buyers-box) {
        padding-left: 1rem;
    }

    .buyers .btn {
        margin-left: 1rem;
        margin-bottom: 1rem;
    }

    .buyers .buyers-box {
        border-left: solid 3px #ff9400;
        padding-left: 20px;
        padding-bottom: 30px;
        height: 100%;
    }

    .buyers .col-md-6:has(.buyers-box) {
        margin-bottom: 60px;
    }

    .buyers .buyers-box h4 {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .buyers .btn {
        width: fit-content;
    }

/* section suppliers */
.suppliers {
    background: #f7f7f8;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
    max-width: 1920px;
    margin: auto;
}

    .suppliers .b-sticky {
        height: fit-content;
        right: 0;
        position: sticky;
        top: 2rem;
    }

    .suppliers .suppliers-background {
        position: absolute;
        right: 0;
        width: 400px;
        height: 600px;
        border-radius: 1rem 0 0 1rem;
    }

    .suppliers h2 {
        font-size: 24px;
        color: #008a29;
        margin-bottom: 26px;
    }

        .suppliers h2 span {
            font-weight: 700;
        }

    .suppliers h3 {
        font-size: 36px;
        margin-bottom: 12px;
        line-height: 50px;
    }

        .suppliers h3 span {
            font-weight: 700;
        }

    .suppliers .suppliers-box {
        border-left: solid 3px #008a29;
        padding-left: 20px;
        padding-bottom: 30px;
        height: 100%;
    }

    .suppliers .first-col {
        height: fit-content;
        left: 0;
        position: sticky;
        top: 2rem;
    }

    .suppliers .suppliers-title {
        height: fit-content;
        left: 0;
        position: sticky;
        top: 0;
        z-index: 1050;
        padding-top: 2rem;
        padding-bottom: 1rem;
        background: rgba(255, 255, 255, 0.25);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .suppliers .row:has(.suppliers-box) {
        padding-left: 1rem;
    }

    .suppliers .btn {
        margin-left: 1rem;
        margin-bottom: 1rem;
    }

    .suppliers .col-md-6:has(.suppliers-box) {
        margin-bottom: 60px;
    }

    .suppliers .suppliers-box h4 {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .suppliers .btn {
        width: fit-content;
    }

    .suppliers .wave {
        position: absolute;
        bottom: -0.1rem;
        transform: rotateY(180deg);
        pointer-events: none;
    }

/* section knowhow */
.knowhow {
    padding-top: 140px;
    padding-bottom: 130px;
    position: relative;
    background: #fff;
}

    .knowhow .global {
        position: absolute;
        top: -40px;
        left: 60px;
    }

    .knowhow .glassmorphism {
        background: rgba(221, 221, 221, 0.2);
        border: solid 1px rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(7px);
        border-radius: 1rem;
        padding: 130px;
        perspective: 1000px;
        position: relative;
        z-index: 2;
    }

        .knowhow .glassmorphism:hover .tecnology::after {
            content: none;
        }

        .knowhow .glassmorphism:hover .glassmorphism-inner {
            transform: rotateY(180deg);
        }

        .knowhow .glassmorphism .glassmorphism-inner {
            transform-style: preserve-3d;
            transition: transform 0.8s;
            position: relative;
        }

        .knowhow .glassmorphism .tecnology {
            backface-visibility: hidden;
            border-left: solid 3px #d77500;
            padding-left: 26px;
        }

            .knowhow .glassmorphism .tecnology::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23d77500' class='bi bi-mouse2-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.5.026C4.958.286 3 2.515 3 5.188V5.5h4.5V.026zm1 0V5.5H13v-.312C13 2.515 11.042.286 8.5.026zM13 6.5H3v4.313C3 13.658 5.22 16 8 16s5-2.342 5-5.188V6.5z'/%3E%3C/svg%3E");
                position: absolute;
                bottom: -2rem;
                right: -2rem;
                width: 36px;
                height: 36px;
                background-repeat: no-repeat;
                background-size: cover;
                opacity: 0.5;
            }

            .knowhow .glassmorphism .tecnology h2 {
                font-size: 24px;
                color: #d77500;
                margin-bottom: 20px;
            }

                .knowhow .glassmorphism .tecnology h2 span {
                    font-weight: 700;
                }

            .knowhow .glassmorphism .tecnology p {
                font-size: 36px;
            }

                .knowhow .glassmorphism .tecnology p span {
                    font-weight: 700;
                }

        .knowhow .glassmorphism .about {
            transform: rotateY(180deg);
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            padding-left: 26px;
            border-left: solid 3px #d77500;
        }

            .knowhow .glassmorphism .about h2 {
                font-size: 24px;
                color: #d77500;
                margin-bottom: 20px;
            }

                .knowhow .glassmorphism .about h2 span {
                    font-weight: 700;
                }

/* section tools */
.tools {
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    margin: auto;
}

    .tools .wave {
        position: absolute;
        bottom: -0.1rem;
        transform: rotateY(180deg);
        pointer-events: none;
    }

    .tools .background-tools {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .tools .container {
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
    }

    .tools h2 {
        font-size: 24px;
        margin-bottom: 28px;
        text-align: center;
        color: #fff;
    }

        .tools h2 span {
            font-weight: 700;
        }

    .tools h3 {
        font-size: 36px;
        text-align: center;
        color: #fff;
        margin-bottom: 40px;
    }

        .tools h3 span {
            font-weight: 700;
        }

    .tools .swiper-tools {
        margin-bottom: 22px;
    }

        .tools .swiper-tools .swiper-slide {
            height: auto;
        }

            .tools .swiper-tools .swiper-slide .box {
                background: #fff;
                height: 100%;
                border-radius: 15px;
                padding: 50px 65px;
                display: flex;
                cursor: grab;
            }

                .tools .swiper-tools .swiper-slide .box .icon {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    margin-right: 60px;
                }

                    .tools .swiper-tools .swiper-slide .box .icon .icon-mim {
                        padding: 14px;
                        width: fit-content;
                        border: solid 3px #ff9400;
                        border-right: solid 3px transparent;
                        border-radius: 10rem;
                        display: inline-flex;
                        margin-bottom: 1rem;
                        rotate: 45deg;
                    }

                        .tools .swiper-tools .swiper-slide .box .icon .icon-mim svg {
                            rotate: -45deg;
                        }

                    .tools .swiper-tools .swiper-slide .box .icon h4 {
                        font-size: 24px;
                        font-weight: 700;
                    }

/* section clients */
.clients {
    padding-top: 140px;
    padding-bottom: 200px;
}

    .clients .swiper-clients .swiper-slide .client {
        margin-top: 60px;
        cursor: pointer;
    }

        .clients .swiper-clients .swiper-slide .client:not(:last-child) {
            margin-bottom: 60px;
        }

    .clients .col-info img {
        margin-bottom: 22px;
    }

/* footer */
.footer {
    position: relative;
    max-width: 1920px;
    margin: auto;
    overflow-x: clip;
}

    .footer .background-footer {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .footer .wave {
        position: absolute;
        bottom: -0.1rem;
        transform: rotateY(180deg);
        pointer-events: none;
    }

    .footer .container {
        padding-bottom: 150px;
        position: relative;
    }

    .footer .row-implementation {
        margin-bottom: 120px;
    }

    .footer .implementation {
        background: #f7f7f8;
        padding: 0 60px 40px;
        border-radius: 1rem;
        margin-top: -50px;
        text-align: center;
        margin-bottom: 50px;
        height: 100%;
    }

        .footer .implementation .circle-icon {
            padding: 26px;
            width: fit-content;
            margin: auto;
            border: solid 3px #00b637;
            border-right: solid 3px transparent;
            border-radius: 10rem;
            margin-top: -3.5rem;
            display: inline-flex;
            margin-bottom: 40px;
            rotate: 45deg;
        }

            .footer .implementation .circle-icon svg {
                rotate: -45deg;
            }

        .footer .implementation ul {
            text-align: left;
        }

            .footer .implementation ul li {
                position: relative;
                font-weight: 700;
                margin-bottom: 1rem;
                list-style: none;
            }

                .footer .implementation ul li::after {
                    content: "";
                    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%2300b638' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath d='M24,12c0,6.6-5.4,12-12,12S0,18.6,0,12S5.4,0,12,0S24,5.4,24,12z M18,7.5c-0.4-0.4-1.2-0.4-1.6,0c0,0,0,0,0,0l-5.2,6.6 L8.1,11c-0.5-0.4-1.2-0.4-1.6,0.1c-0.4,0.4-0.4,1.1,0,1.5l4,4c0.4,0.4,1.2,0.4,1.6,0c0,0,0,0,0,0l6-7.5C18.5,8.6,18.5,7.9,18,7.5 L18,7.5z'/%3E%3C/svg%3E%0A");
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    left: -2rem;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

    .footer .my-links .glassmorphism {
        position: relative;
        padding: 36px 32px;
        margin-top: 50px;
    }

        .footer .my-links .glassmorphism::after {
            content: "";
            background: rgba(255, 255, 255, 0);
            backdrop-filter: blur(3px);
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            padding: 36px 32px;
            width: 200%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }

        .footer .my-links .glassmorphism .phones {
            position: relative;
            display: flex;
            padding-left: 2rem;
            flex-direction: column;
            z-index: 100;
        }

            .footer .my-links .glassmorphism .phones::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23fff' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%0A%3C/style%3E%3Cpath class='st0' d='M2.2,0.6c0.8-0.8,2.1-0.8,2.9,0c0.1,0.1,0.1,0.1,0.2,0.2l2.1,2.7C7.9,4,8,4.7,7.8,5.3L7.2,7.9 c-0.1,0.3,0,0.6,0.2,0.8l2.9,2.9c0.2,0.2,0.5,0.3,0.8,0.2l2.6-0.6c0.6-0.2,1.3,0,1.8,0.4l2.7,2.1c1,0.8,1.1,2.2,0.2,3.1L17.2,18 c-0.9,0.9-2.2,1.3-3.4,0.8c-3.1-1.1-6-2.9-8.3-5.2c-2.4-2.3-4.1-5.2-5.2-8.3C-0.3,4,0.1,2.7,1,1.8L2.2,0.6z'/%3E%3C/svg%3E%0A");
                width: 19px;
                height: 19px;
                position: absolute;
                left: 0;
            }

            .footer .my-links .glassmorphism .phones a {
                color: #fff;
                text-transform: none;
                margin-bottom: 12px;
            }

        .footer .my-links .glassmorphism .email {
            position: relative;
            display: flex;
            flex-direction: column;
            padding-left: 2rem;
            z-index: 100;
        }

            .footer .my-links .glassmorphism .email::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23fff' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Cpath d='M0.1,4.2c0.2-1.1,1.2-1.8,2.3-1.8h14.3c1.1,0,2.1,0.8,2.3,1.8L9.5,10L0.1,4.2z M0,5.6V14l6.9-4.2L0,5.6z M8,10.5l-7.8,4.8 c0.4,0.8,1.2,1.4,2.1,1.4h14.3c0.9,0,1.8-0.5,2.1-1.4L11,10.5l-1.5,0.9L8,10.5L8,10.5z M12.1,9.8L19,14V5.6L12.1,9.8L12.1,9.8z'/%3E%3C/svg%3E%0A");
                width: 19px;
                height: 19px;
                position: absolute;
                left: 0;
            }

            .footer .my-links .glassmorphism .email a {
                color: #fff;
                text-transform: none;
                margin-bottom: 12px;
            }

        .footer .my-links .glassmorphism .socials {
            display: flex;
            margin-top: 30px;
            position: relative;
            z-index: 100;
        }

            .footer .my-links .glassmorphism .socials a {
                margin-right: 30px;
            }

    .footer .form {
        padding-bottom: 140px;
    }

        .footer .form h2 {
            font-size: 24px;
            color: #fff;
        }

        .footer .form p {
            color: #fff;
            margin-bottom: 60px;
        }

        .footer .form .validation label {
            color: #393939;
        }

            .footer .form .validation label a {
                color: #fff;
            }

    .footer .validation .form-floating input {
        height: 50px;
        font-size: 14px;
        margin-bottom: 30px;
        border-radius: 1rem;
    }

    .footer .validation textarea {
        height: 146px;
        font-size: 14px;
        margin-bottom: 30px;
        border-radius: 1rem;
    }

    .footer .validation .form-check {
        display: flex;
        align-items: center;
        margin-bottom: 24px;
    }

        .footer .validation .form-check input {
            width: 30px;
            height: 30px;
            margin-right: 1rem;
        }

            .footer .validation .form-check input:focus,
            .footer .validation .form-check input:active {
                border-color: #ff9400;
                box-shadow: none;
            }

            .footer .validation .form-check input:checked {
                background-color: #ff9400;
                border-color: #ff9400;
                box-shadow: none;
            }

        .footer .validation .form-check label {
            color: #fff;
            font-size: 12px;
        }

            .footer .validation .form-check label a {
                color: #fff;
            }

    .footer .validation button {
        width: 100%;
    }

    .footer .credits {
        padding-top: 60px;
        border-top: solid 2px #fff;
    }

        .footer .credits p {
            margin-bottom: 0.5rem;
            color: #fff;
            font-size: 12px;
        }

        .footer .credits a:not(.btn) {
            color: #fff;
            font-size: 12px;
        }

            .footer .credits a:not(.btn):hover {
                text-decoration: underline;
            }

    .footer ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .footer ul li {
            padding: 0 0.75rem;
        }

.invalid-feedback {
    position: absolute;
    top: 94%;
}

    .invalid-feedback strong {
        font-size: 10px;
        color: #fff;
    }

input.is-invalid {
    margin-bottom: 3rem !important;
}

/* media */
@media (min-width: 768px) {
    .footer ul li {
        display: inline-flex;
    }

        .footer ul li:not(:first-child) {
            border-left: 1px solid #fff;
        }
}

@media (max-width: 1400px) and (min-width: 768px) {
    .buyers h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .buyers h3 {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .suppliers h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .suppliers h3 {
        font-size: 30px;
        margin-bottom: 12px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .buyers .b-sticky {
        opacity: 1 !important;
        transition: none;
        transform: none;
    }

    .buyers .first-col {
        opacity: 1 !important;
        transition: none;
        transform: none;
    }

    .buyers .buyers-title {
        position: initial;
    }

    .suppliers .b-sticky {
        opacity: 1 !important;
        transition: none;
        transform: none;
    }

    .suppliers .first-col {
        opacity: 1 !important;
        transition: none;
        transform: none;
    }

    .suppliers .suppliers-title {
        position: initial;
    }

    .tools .swiper-tools .swiper-slide .box {
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .navbar:has(.navbar-collapse.show, .navbar-collapse.collapsing) {
        background-color: white;
    }

    .header .navbar-collapse {
        height: calc(100vh - 4rem);
        background: white;
        position: absolute;
        overflow-y: scroll;
        width: 100%;
        top: 4rem;
        right: 0;
        left: 0;
    }

    .header .navbar-nav {
        padding: 0 0 1rem;
        align-items: start;
    }

    .header .navbar .changelanguage {
        margin: 0 0 1rem auto;
    }

        .header .navbar .changelanguage .languages.active {
            background: linear-gradient(white 0 70%, transparent 70%);
            padding-bottom: 3.5rem;
            border-color: #000;
            margin-bottom: -1px;
            padding-top: 0.5rem;
            margin-top: 0;
            bottom: 0;
            top: auto;
        }

    .header .navbar .nav-item {
        margin-bottom: 0;
        width: 100%;
    }

        .header .navbar .nav-item .nav-link {
            border-bottom: 1px solid #000;
            color: #000 !important;
            padding: 2rem 1rem;
            text-align: start;
            width: 100%;
        }

    .header .navbar-nav.d-flex {
        justify-content: center;
        flex-direction: row;
        align-items: center;
        padding: 1rem;
        gap: 1rem;
    }

        .header .navbar-nav.d-flex .nav-item {
            width: fit-content;
        }

        .header .navbar-nav.d-flex .changelanguage {
            border-color: #000 !important;
            margin: 0;
        }

            .header .navbar-nav.d-flex .changelanguage svg {
                fill: #000 !important;
            }

        .header .navbar-nav.d-flex .btn {
            text-wrap: nowrap;
        }

        .header .navbar-nav.d-flex .btn-login {
            border-color: #000 !important;
        }

        .header .navbar-nav.d-flex .btn-register {
            color: white !important;
        }

    .custom-dropdown .nav-link::before {
        display: none;
    }

    .custom-dropdown .nav-link {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

        .custom-dropdown .nav-link::after {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>') !important;
            position: relative !important;
            border-radius: 0 !important;
            transform: none !important;
            height: 1.5rem !important;
            width: 1.5rem !important;
            inset: 0 !important;
        }

    .custom-dropdown-menu {
        position: relative;
        box-shadow: none;
        border-radius: 0;
        padding: 0 1rem;
        width: 100%;
        inset: 0;
    }

        .custom-dropdown-menu button {
            border-bottom: 1px solid gray;
            border-radius: 0 !important;
        }

        .custom-dropdown-menu .bi-arrow-right-short {
            display: none;
        }

    .navbar-toggler {
        transition: 0.5s ease-in-out;
        transform: rotate(0deg);
        position: relative;
        width: 2.1875rem;
        height: 1.25rem;
        border: none !important;
    }

        .navbar-toggler:focus {
            outline: none;
            border: none;
            box-shadow: none;
        }

            .navbar-toggler:focus:not(:focus-visible) {
                outline: 0;
                border: none;
                box-shadow: none;
            }

        .navbar-toggler span {
            transition: 0.25s ease-in-out;
            transform: rotate(0deg);
            border-radius: 0.3125rem;
            background: #ff9400;
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            opacity: 1;
            left: 0;
        }

            .navbar-toggler span:nth-child(1) {
                top: 0;
            }

            .navbar-toggler span:nth-child(2),
            .navbar-toggler span:nth-child(3) {
                top: 0.5rem;
            }

            .navbar-toggler span:nth-child(4) {
                top: 1rem;
            }

        .navbar-toggler:not(.collapsed) span:nth-child(1) {
            top: 1.125rem;
            width: 0%;
            left: 50%;
        }

        .navbar-toggler:not(.collapsed) span:nth-child(2) {
            transform: rotate(45deg);
        }

        .navbar-toggler:not(.collapsed) span:nth-child(3) {
            transform: rotate(-45deg);
        }

        .navbar-toggler:not(.collapsed) span:nth-child(4) {
            top: 1.125rem;
            width: 0%;
            left: 50%;
        }

    .knowhow .glassmorphism {
        padding: 46px;
    }
}

@media (max-width: 400px) {
    .header .navbar-nav.d-flex .btn {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .banner .container {
        padding-top: 70px;
    }

        .banner .container h1 {
            font-size: 24px;
            padding-top: 60px;
        }

        .banner .container p {
            font-size: 18px;
        }

    .banner .glassmorphism {
        display: none;
    }

    .banner .wave {
        bottom: -0.1rem;
    }

    .banner .grad {
        display: none;
    }

    .buyers {
        padding-top: 40px;
        padding-bottom: 0;
    }

        .buyers .row:has(.buyers-box) {
            padding-left: 0;
        }

        .buyers .first-col {
            position: initial;
            margin-top: -8rem;
            padding-left: 4rem;
        }

        .buyers .col-md-6:has(.buyers-box) {
            margin-bottom: 40px;
        }

        .buyers .buyers-title {
            position: initial;
            backdrop-filter: none;
            border: none;
            padding-top: 2rem;
            background: transparent;
        }

        .buyers h2 {
            margin-bottom: 1rem;
            font-size: 18px;
            color: #393939;
        }

        .buyers h3 {
            font-size: 24px;
            line-height: 1.5;
            margin-bottom: 12px;
        }

        .buyers .b-sticky {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 2rem;
            transition: none !important;
            opacity: 1;
        }

        .buyers .buyers-background {
            height: 365px;
            width: calc(100% - 20px);
            border-radius: 0 1rem 1rem 0;
        }

    .suppliers {
        padding-top: 0;
        padding-bottom: 40px;
    }

        .suppliers .suppliers-background {
            height: 365px;
            width: calc(100% - 20px);
            border-radius: 0 1rem 1rem 0;
            left: 0;
        }

        .suppliers .suppliers-title {
            position: initial;
            backdrop-filter: none;
            border: none;
            padding-top: 2rem;
            background: transparent;
            margin-bottom: 12px;
        }

        .suppliers .b-sticky {
            position: absolute;
            top: 0;
            height: 100%;
            width: 100%;
            transition: none !important;
            opacity: 1;
        }

        .suppliers .container > .row > .col-md-6:not(.first-col) {
            order: 1;
            margin-top: 205px;
        }

        .suppliers .row:has(.suppliers-box) {
            padding-left: 0;
        }

        .suppliers .first-col {
            order: 0;
            position: absolute;
            top: -50px;
            left: 0;
            padding-left: 4rem;
        }

        .suppliers h2 {
            font-size: 18px;
            margin-bottom: 1rem;
            color: #393939;
        }

        .suppliers h3 {
            font-size: 24px;
            line-height: 1.5;
            margin-bottom: 12px;
        }

        .suppliers .col-md-6:has(.suppliers-box) {
            margin-bottom: 40px;
        }

        .suppliers .wave {
            display: none;
        }

    .knowhow {
        padding-top: 80px;
        padding-bottom: 40px;
        overflow: hidden;
    }

        .knowhow .glassmorphism {
            padding: 24px;
        }

            .knowhow .glassmorphism:hover {
                height: 470px;
            }

            .knowhow .glassmorphism .tecnology::after {
                bottom: 0;
                right: 0;
                width: 20px;
                height: 20px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23d77500' class='bi bi-hand-index' viewBox='0 0 16 16'%3E%3Cpath d='M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z'/%3E%3C/svg%3E");
            }

            .knowhow .glassmorphism .tecnology h2 {
                font-size: 18px;
            }

            .knowhow .glassmorphism .tecnology p {
                font-size: 24px;
            }

    .tools .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tools h2 {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .tools .wave {
        display: none;
    }

    .tools h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 24px;
    }

    .tools .swiper-tools {
        overflow: hidden;
    }

        .tools .swiper-tools .swiper-slide .box {
            display: flex;
            flex-direction: column;
        }

        .tools .swiper-tools.first-tools {
            display: none;
        }

    .clients {
        padding-top: 40px;
        padding-bottom: 150px;
    }

        .clients .swiper-clients {
            margin-bottom: 2rem;
        }

            .clients .swiper-clients .swiper-slide .client:not(:last-child) {
                margin-bottom: 2rem;
            }

            .clients .swiper-clients .swiper-slide .client {
                margin-top: 2rem;
                text-align: center;
            }

        .clients .col-info img {
            display: block;
            margin: 0 auto 1rem;
        }

    .footer .row-implementation {
        margin-bottom: 0;
    }

        .footer .row-implementation .col-md-5.offset-md-1 {
            margin-bottom: 105px;
        }

    .footer .implementation.second-i {
        margin-bottom: 2rem;
    }

    .footer .form h2 {
        font-size: 18px;
    }

    .footer .form p {
        font-size: 14px;
        margin-bottom: 2rem;
    }

    .footer .my-links img {
        display: block;
        margin: 2rem auto 0;
    }

    .footer .my-links .glassmorphism .phone a {
        font-size: 14px;
    }

    .footer .my-links .glassmorphism .email a {
        font-size: 14px;
    }

    .footer .credits {
        padding-top: 40px;
    }

        .footer .credits .d-flex {
            justify-content: center;
            margin-bottom: 1rem;
        }

    .footer .form {
        padding-bottom: 40px;
    }

    .footer .wave {
        display: none;
    }

    .footer .container {
        padding-bottom: 40px;
    }

    .footer .my-links .glassmorphism::after {
        width: -webkit-fill-available;
    }

    .whatsapp {
        width: calc(100% - 2rem);
        bottom: 1rem;
        right: 1rem;
    }

    .whatsapp-button {
        position: fixed;
        bottom: 0.7rem;
        right: 1rem;
    }
}

@media (max-width: 550px) {
    .knowhow .glassmorphism:hover {
        height: 650px;
    }
}

@media (max-width: 1200px) {
    .navbar .navbar-brand {
        width: 9rem;
    }
}

@media (min-width: 991px) {
    .navbar .navbar-brand img {
        background: #ffffff;
        border-radius: 1rem;
        position: relative;
        padding: 1rem;
    }
}

.whatsapp {
    position: fixed;
    bottom: 4rem;
    right: 1.7rem;
    z-index: 9999;
    background-image: url(./assets/images/whatsapp-bg.webp);
    background-color: #fff;
    border-radius: 0.3125rem;
    width: 19rem;
}

.whatsapp-header {
    border-radius: 0.3125rem 0 0;
    background-color: #d77500;
    padding: 0.5rem 1rem;
    position: relative;
}

    .whatsapp-header img {
        margin-right: 0.75rem;
        color: #fff;
    }

    .whatsapp-header span {
        font-weight: bold;
        color: #fff;
    }

    .whatsapp-header .btn-close {
        position: absolute;
        top: -0.3125rem;
        right: -0.3125rem;
        border: 2px solid #0b655f;
        background-color: #fff;
        border-radius: 50%;
        font-size: 0.65rem;
        color: #00a859;
        padding: 0.4rem;
        opacity: 1;
    }

        .whatsapp-header .btn-close:hover {
            animation: btn-close ease-in-out 0.3s;
        }

@keyframes btn-close {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.whatsapp-body {
    padding-top: 0.7rem;
    padding: 1rem;
}

    .whatsapp-body .alert {
        font-size: 0.8rem;
    }

    .whatsapp-body label {
        font-size: 0.875rem;
        color: #495057;
    }

    .whatsapp-body .form-floating {
        margin-bottom: 1rem;
    }

    .whatsapp-body .invalid-feedback strong {
        color: #000;
    }

    .whatsapp-body .form-control {
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
    }

    .whatsapp-body button[type="submit"] {
        text-transform: uppercase;
        padding: 0.375rem 0.75rem;
        margin-top: 0.9375rem;
        font-size: 1rem;
        width: 100%;
    }

.whatsapp-button {
    position: fixed;
    bottom: 4rem;
    right: 1.7rem;
    z-index: 2;
    color: #fff !important;
    justify-content: center;
    background: #00a859;
    align-items: center;
    font-size: 1.875rem;
    border-radius: 50%;
    cursor: pointer;
    height: 3.75rem;
    width: 3.75rem;
    display: flex;
    border: none;
}

    .whatsapp-button:hover,
    .whatsapp-button:focus {
        outline: 0;
    }

    .whatsapp-button:hover {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
        animation: whatsapp-pulse 1s infinite;
        transform: scale(1);
    }

@keyframes whatsapp-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
        transform: scale(0.97);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        transform: scale(1);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        transform: scale(0.97);
    }
}

.go-up {
    background-color: #d77500;
    border: 1px solid #d77500;
    justify-content: center;
    transition: all 0.3s;
    align-items: center;
    border-radius: 100%;
    position: fixed;
    color: white;
    height: 2.5rem;
    display: flex;
    right: 2.3rem;
    width: 2.5rem;
    bottom: 9rem;
}

    .go-up:hover {
        background-color: white;
        transform: scale(0.9);
        color: #d77500;
    }