@import url(font.css);

body{
    overflow-x: hidden;
}

.emptyspace1{
    height: 15px !important;
}

.beconsultant{
    width: 100vw;
    background-color: #002B50;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-image: url(../img/site/sejaConsultor/background-resize.webp);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 150%;
    position: relative;
}

.beconsultant.margin-top-relogio{
    margin-top: 146px;
}

            .beconsultant__container--left_title{
                margin-top: 1.5rem;
            }

                .beconsultant__container--left_title-text{
                    font-size: 1.25rem;
                    font-family: MullerExtrabold;
                    color: white;
                }

            .beconsultant__container--left_subtitle{
                margin-top: 1.875rem;
                display: flex;
                justify-content: center;
            }

                .beconsultant__container--left_subtitle-text{
                    font-size: 1.25rem;
                    font-family: MullerExtrabold;
                    color: white;
                    width: 18.75rem;
                    line-height: 1.4;
                }

            .beconsultant__container--left_info{
                display: flex;
                flex-direction: column-reverse;
                margin-top: 2.25rem;
            }

                .beconsultant__container--left_info-description{
                    margin-top: 1.6875rem;
                }

                    .beconsultant__container--left_info-description__text{
                        font-family: 'Roboto', sans-serif;
                        font-size: 1rem;
                        font-weight: 400;
                        color: white;
                        max-width: 18.8125rem;
                        text-align: left;
                        line-height: 1.5;
                    }

                        .beconsultant__container--left_info-description__text em{
                            font-weight: 700;
                        }

                .beconsultant__container--left_info-description .beconsultant__container--left_info-description__text:last-child{
                    margin-top: 2.75rem;
                    margin-bottom: 8.75rem;
                }

                .beconsultant__container--left_info-cards{
                    display: flex;
                    flex-direction: column;
                    gap: 2.125rem;
                }

                        .beconsultant__container--left_info-cards__card--primary{
                            font-family: 'Inter', sans-serif;
                            font-size: 3.75rem;
                            font-weight: 800;
                            color: white;
                        }

                        .beconsultant__container--left_info-cards__card--secondary{
                            font-family: 'Inter', sans-serif;
                            font-size: 1.125rem;
                            font-weight: 800;
                            color: #00A2FF;
                            line-height: 1.5;
                        }

            .beconsultant__container--right{
                width: 18.75rem;
                height: 18.75rem;
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
                margin-bottom: -13.125rem;
            }

                .beconsultant__container--right_img{
                    width: 100%;
                    height: 100%;
                    border-radius: 1.25rem;
                    object-position: 100% 18%;
                    object-fit: cover;
                }

    .beconsultant__border{
        z-index: 500;
        position: fixed;
        bottom: 0;
        margin-bottom: 0.5rem;
        width: 16.25rem;
        height: 3.6875rem;
        padding: 7px 6.5px;
        border-radius: 15px;
    }

        .beconsultant__border:hover{
            background-color: rgb(0, 162, 255, 0.3);
        }

        .beconsultant__border--button{
            font-family: 'Inter', sans-serif;
            color: white;
            font-size: .875rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .625rem;
            width: 16.25rem;
            height: 3.6875rem;
            border-radius: 0.625rem;
            background-color: #00A2FF;
            border: none;
            cursor: pointer;
        }

            .beconsultant__border--button_img{
                width: 1rem;
                height: 1rem;
                background-image: url(../img/site/icons/whitearrow.webp);
                background-size: 1rem;
                background-position: 50%;
                background-repeat: no-repeat;
                transform: rotate(90deg);
            }

/* Swiper */

.knowUs__cards{
    max-width: 90vw;
    padding: 1rem;
    margin: 0 auto;
    overflow: hidden;
    margin-left: 1rem;
}

/* Emptyspace */
.emptyspace2{
    height: 13.125rem;
}

/* Vantagens */

.beadvantages{
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .beadvantages__title{
        margin-top: 3.125rem;
    }

        .beadvantages__title--text{
            font-family: MullerExtrabold;
            font-size: 1.4375rem;
            color: #002B50;
        }

    .beadvantages__cards{
        display: flex;
        flex-direction: column;
        gap: 3.125rem;
        margin-top: 2.9375rem;
    }

        .beadvantages__cards--card{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

            .beadvantages__cards--card_img1{
                width: 77px;
                height: 6.1875rem;
            }

            .beadvantages__cards--card_img2{
                width: 6.1875rem;
                height: 6.1875rem;
            }

            .beadvantages__cards--card_img3{
                width: 6rem;
                height: 6rem;
            }

            .beadvantages__cards--card_img4{
                width: 8.25rem;
                height: 8.25rem;
            }

            .beadvantages__cards--card_img5{
                width: 7.0625rem;
                height: 7.0625rem;
            }

            .beadvantages__cards--card_img6{
                width: 5.5rem;
                height: 5.5rem;
            }

            .beadvantages__cards--card_title{
                font-family: 'Inter', sans-serif;
                font-size: 2rem;
                font-weight: 700;
                color: #002B50;
                width: 15.625rem;
                line-height: 1.25;
            }

            .beadvantages__cards--card_subtitle{
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
                font-weight: 400;
                color: #002B50;
                width: 18.75rem;
                line-height: 1.5;
            }

    .beadvantages__border{
        width: 16.25rem;
        height: 3.6875rem;
        padding: 7px 6.5px;
        border-radius: 15px;
        margin-top: 3.125rem;
    }

        .beadvantages__border:hover{
            background-color: rgb(0, 162, 255, 0.3);
        }

        .beadvantages__border--button{
            font-family: 'Inter', sans-serif;
            color: white;
            font-size: .875rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .625rem;
            width: 16.25rem;
            height: 3.6875rem;
            border-radius: 0.625rem;
            background-color: #00A2FF;
            border: none;
            cursor: pointer;
        }

/* Walkthrough */

.walkthrough{
    width: 100vw;
    background-color: #003059;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.125rem;
}

    .walkthrough__title{
        margin-top: 2.375rem;
        width: 18rem;
        text-align: center;
    }

        .walkthrough__title--text{
            font-family: MullerExtrabold;
            font-size: 1.25rem;
            color: white;
            line-height: 1.4;
        }

    .walkthrough__cards{
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .walkthrough__cards--card{
            display: flex;
            flex-direction: column;
            max-width: 18.875rem;
        }

            .walkthrough__cards--card_top{
                display: flex;
                align-items: center;
                gap: 1.25rem;
                position: relative;
            }

                .walkthrough__cards--card_top-arrow{
                    width: 1.0625rem;
                    height: 1.0625rem;
                    background-image: url(../img/site/sejaConsultor/arrow.webp);
                    background-size: 100%;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    margin-right: -2.1875rem;
                    margin-top: 1.25rem;
                }

                .walkthrough__cards--card_top-num{
                    width: 3.4375rem;
                    height: 3.4375rem;
                    background-color: rgb(0, 162, 255, 0.3);
                    border-radius: .9375rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #00A2FF;
                    font-size: 1.875rem;
                    font-family: MullerExtrabold;
                }

                .walkthrough__cards--card_top-step{
                    font-family: 'Inter', sans-serif;
                    font-size: 1.125rem;
                    font-weight: 700;
                    color: white;
                }

            .walkthrough__cards--card_bottom{
                margin-top: 1.25rem;margin-bottom: 3.375rem;
            }

                .walkthrough__cards--card_bottom-text{
                    font-family: 'Roboto', sans-serif;
                    font-size: 1rem;
                    font-weight: 400;
                    color: white;
                    line-height: 1.5;
                }

    .walkthrough__border{
        width: 16.25rem;
        height: 3.6875rem;
        padding: 7px 6.5px;
        border-radius: 15px;
        margin-top: 2.875rem;
        margin-bottom: 3.625rem;
    }

        .walkthrough__border:hover{
            background-color: rgb(0, 162, 255, 0.3);
        }

        .walkthrough__border--button{
            font-family: 'Inter', sans-serif;
            color: white;
            font-size: .875rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .625rem;
            width: 16.25rem;
            height: 3.6875rem;
            border-radius: 0.625rem;
            background-color: #00A2FF;
            border: none;
            cursor: pointer;
        }


/* Formulário */

.beconsform{
    display: flex;
    background-color: #F6F2F4;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 auto;
    margin-top: 3.125rem;
    border-radius: 1.25rem;
    width: 20.875rem;
}

        .beconsform__left--title{
            margin-top: 3.25rem;
            text-align: center;
        }

            .beconsform__left--title_text{
                font-family: MullerBold;
                font-size: 1.625rem;
                color: #00315C;
                line-height: 1.3;
            }

        .beconsform__left--form{
            display: flex;
            flex-direction: column;
            gap: 0.9375rem;
            width: 100%;
            align-items: center;
            margin-top: 2.9375rem;
        }

            .beconsform__left--form_input{
                font-family: 'Roboto', sans-serif;
                font-size: .875rem;
                font-weight: 400;
                color: #002B50;
                width: 15rem;
                height: 3.25rem;
                padding: 0 1.875rem;
                border-radius: 3.125rem;
                border: 1px solid #003059;
                outline: none;
            }

                .beconsform__left--form_input::placeholder{
                    font-family: 'Roboto', sans-serif;
                    font-size: .875rem;
                    font-weight: 400;
                    color: #002B50;
                }

            .beconsform__left--form_check{
                font-family: 'Roboto', sans-serif;
                font-size: .875rem;
                font-weight: 400;
                color: #002B50;
                display: flex;
                flex-direction: column;
            }

                .beconsform__left--form_check div{
                    margin-top: .9375rem;
                }

        .beconsform__left--border{
            width: 100%;
            height: 3.6875rem;
            margin-top: 2.4375rem;
            margin-bottom: 4.875rem;
            display: flex;
            justify-content: center;
        }

            .beconsform__left--border_button{
                color: white;
                font-size: .875rem;
                font-family: 'Inter', sans-serif;
                font-weight: 700;
                width: 18.875rem;
                height: 3.6875rem;
                background-color: #00A2FF;
                border-radius: 1.875rem;
                border: none;
                cursor: pointer;
            }

    .beconsform__right{
        width: 20.875rem;
        height: 15.9375rem;
        border-radius: 1.25rem 1.25rem 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(to top, #003059, transparent), url(../img/site/sejaConsultor/bg-form-resize.webp);;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50%;
    }

        .beconsform__right--text1{
            color: white;
            font-family: MullerExtrabold;
            font-size: 1.875rem;
            margin-left: 2.3125rem;
            line-height: 1.15;
        }

        .beconsform__right--text2{
            color: white;
            font-family: MullerExtrabold;
            font-size: 1.25rem;
            margin-left: 2.3125rem;
            margin-bottom: 1.9375rem;
        }

/* COnheça */

.knowUs{
    display: flex;
    flex-direction: column;
    width: 100vw;
}

    .knowUs__title{
        margin-top: 2.625rem;
        text-align: center;
    }

        .knowUs__title--text{
            font-size: 1.5625rem;
            font-family: MullerExtrabold;
            color: #002B50;
        }




@media screen and (min-width: 720px){

    .beconsultant.margin-top-relogio {
        margin-top: 51px;
    }

    .beadvantages__cards--card--img-container{
        width:100px;
        height: 100px;
        display: flex;
        margin-bottom: 1.2rem;
    }

        .beadvantages__cards--card--img-container img{
            margin: auto;
        }

        .beadvantages__cards--card_title{
            margin-bottom: 0.688rem;
        }

        .beconsultant__container{
            display: flex;
            gap: 6.25rem;
            max-width: 100vw;
        }

            .beconsultant__container--left{
                margin-top: 2.1875rem;
                max-width: 40vw;
            }

                .beconsultant__container--left_title{
                    margin: 0;
                }

                    .beconsultant__container--left_title-text{
                        font-size: 3.125rem;
                        text-align: left;
                    }

                .beconsultant__container--left_subtitle{
                    margin-top: 2.8125rem;
                    justify-content: flex-start;
                }

                    .beconsultant__container--left_subtitle-text{
                        font-size: 1.5625rem;
                        width: 23.125rem;
                        text-align: left;
                    }

                .beconsultant__container--left_info{
                    flex-direction: column;
                }

                    .beconsultant__container--left_info-description{
                        margin-top: 0;
                    }

                        .beconsultant__container--left_info-description__text{
                            max-width: 31.875rem;
                        }

                        .beconsultant__container--left_info-description .beconsultant__container--left_info-description__text:last-child{
                            margin-bottom: 3.125rem;
                        }

                    .beconsultant__container--left_info-cards{
                        display: grid;
                        width: auto;
                        max-width: 31.25rem;
                        grid-template-columns: 1fr 1fr;
                        grid-template-rows: 1fr 1fr;
                        margin-bottom: 6.25rem;
                    }

                .beconsultant__container--right{
                    position: static;
                    transform: translateX(0);
                    margin-top: 1.875rem;
                }

                    .beconsultant__container--right_img{
                        width: 27.3125rem;
                        height: 40.4375rem;
                    }

.emptyspace2 {
    display: none;
}

    .beadvantages__title{
        margin-top: 5.5625rem;
    }

        .beadvantages__title--text{
            font-size: 2.1875rem;
        }

    .beadvantages__cards{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 100px;
        margin-bottom: 5rem;
    }

/* Walkthrough */

.walkthrough{
    width: 100vw;
    background-color: #003059;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.125rem;
}

    .walkthrough__title{
        margin-top: 3.75rem;
        width: 44.375rem;
        text-align: center;
    }

        .walkthrough__title--text{
            font-family: MullerExtrabold;
            font-size: 2.1875rem;
            color: white;
        }

    .walkthrough__cards{
        margin-top: 4rem;
        flex-direction: row;
        gap: 5rem;
        align-items: baseline;
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

        .walkthrough__cards--card{
            display: flex;
            flex-direction: column;
            max-width: 18.9375rem;
        }

            .walkthrough__cards--card_top{
                display: flex;
                align-items: center;
                gap: 1.25rem;
                height: 3.438rem;
            }

                .walkthrough__cards--card_top-num{
                    width: 3.4375rem;
                    height: 3.4375rem;
                    background-color: rgb(0, 162, 255, 0.3);
                    border-radius: .9375rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #00A2FF;
                    font-size: 1.875rem;
                    font-family: MullerExtrabold;
                }

                .walkthrough__cards--card_top-step{
                    font-family: 'Inter', sans-serif;
                    font-size: 1.125rem;
                    font-weight: 700;
                    color: white;
                }

            .walkthrough__cards--card_bottom{
                margin-top: 1.25rem;margin-bottom: 3.375rem;
            }

                .walkthrough__cards--card_bottom-text{
                    font-family: 'Roboto', sans-serif;
                    font-size: 1rem;
                    font-weight: 400;
                    color: white;
                }

    .walkthrough__border{
        width: 16.25rem;
        height: 3.6875rem;
        padding: 7px 6.5px;
        border-radius: 15px;
        margin-top: 2.875rem;
        margin-bottom: 3.625rem;
    }

        .walkthrough__border:hover{
            background-color: rgb(0, 162, 255, 0.3);
        }

        .walkthrough__border--button{
            font-family: 'Inter', sans-serif;
            color: white;
            font-size: .875rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .625rem;
            width: 16.25rem;
            height: 3.6875rem;
            border-radius: 0.625rem;
            background-color: #00A2FF;
            border: none;
            cursor: pointer;
        }



.beconsform{
    flex-direction: row;
    width: 67.8125rem;
    height: 41.8125rem;
    border-radius: 2.5rem;
    gap: 2.125rem;
    margin-top: 6.25rem;
}

    .beconsform__left{
        width: 27.75rem;
        height: 41.8125rem;
        margin-left: 4.4375rem;
    }

        .beconsform__left--title{
            width: 100%;
            margin-top: 2.75rem;
        }

            .beconsform__left--form{
                margin-top: 1.4375rem;
            }

            .beconsform__left--form_input{
                width: 25.375rem;
                height: 3.25rem;
            }

            .beconsform__left--form_check{
                flex-direction: row;
                align-items: center;
                gap: .625rem;
            }

                .beconsform__left--form_check div{
                    display: flex;
                    margin-top: 0;
                    align-items: center;
                    gap: .625rem;
                }

                .beconsform__left--form_check-option{
                    margin: 0;
                    padding: 0;
                    display: flex;
                    align-items: center;
                }

        .beconsform__left--border{
            margin: 0;
            margin-bottom: 4.3125rem;
        }

    .beconsform__right{
        width: 33.5rem;
        height: 41.8125rem;
        border-radius: 0 2.5rem 2.5rem 0;
        position: relative;
    }

        .beconsform__right--text1{
            margin-bottom: 3.4375rem;
            margin-left: 3.4375rem;
            max-width: 19.375rem;
        }

/* Know us */
.knowUs__cards{
    margin: 0 auto;
    display: flex;
    margin-top: 3.125rem;
    justify-content: center;
    gap: 1.5625rem;
    padding: 1rem !important;
}

.bepagination{
    width: 100vw;
    display: flex !important;
    justify-content: center;
}

.pagination{
    margin-top: 3.8125rem;
    display: flex;
    gap: .625rem;
    margin-bottom: 3.6875rem;
}

    .pagination--page{
        width: .5rem;
        height: .4375rem;
        background-color: #D3D3D3;
        border-radius: .5rem;
    }

        .activePage{
            background-color: #003059;
        }

        .mySwiper {
            max-width: 74rem;
            padding: 0.3906rem;
            overflow-y: visible;
        }

}