/* GOOGLE FONT MONSERRAT */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* MAIN TEXT */

body {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    color: #707070;
}

a {
    margin: 0;
}


/* CENTRAL BACKGROUND */

.pattern-background {
    position: absolute;
    z-index: -1;
    width: 100vw;
    bottom: 28vh;
}


/* TITLES */

.h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 0;
    text-align: left;
    color: #0072A4;
    width: 328px;
    height: 93px;
}

.h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 0;
    text-align: left;
    color: #0072A4;
    width: 328px;
    height: 24px;
}

.h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #2191c4;
    font-size: 16px;
}

.card-info p {
    font-size: 12px;
}

.h4 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 28px 38px;
}

.h5 {
    width: 124px;
    color: #fff;
    /* line-height: 2vw; */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    /* margin-top: 13px; */
}


/* LIST */

.ul-servicos {
    font-size: 16px;
    font-weight: 500;
    width: 288px;
    padding-left: 0px;
    list-style: none;
}

.ul-servicos li {
    margin-bottom: 8px;
}

.ul-diferenciais {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 400;
    width: 300px;
    margin-top: -20px;
    list-style-type: none;
}

li:before {
    content: "·";
    font-size: 20px;
    vertical-align: middle;
    line-height: 20px;
}


/* INFORMATION LEFT CARD */

.card-info {
    width: 384px;
    height: auto;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    margin-top: 19px;
    padding: 28px 38px;
    position: relative;
}

.card-info>h3 {
    margin-bottom: 23px;
}


/* INFORMATION LEFT CARD BLUE */

.card-diferent {
    position: absolute;
    height: auto;
    background-color: transparent;
    border-radius: 2px;
    margin-top: 16px;
    padding: 0px;
    padding-right: 20px;
}

.card-radius {
    background-color: #2191c4;
    letter-spacing: 0;
    width: 324px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-bottom: 100px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}


/* DIV IMG 10R */

.smartphone {
    right: 0;
    width: 100%;
    height: auto;
}

.simple {
    width: 532px;
    height: auto;
}

/* BRAND CARD */

.card-brand {
    background-color: #ffffff !important;
    width: 100%;
    height: auto;
}

/* "BE SIMPLE" TITLE */

.be-simple {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #2191c4;
    text-align: center;
}

.new-fintech {
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
    color: #A8A8A8;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
}

/* DIV LOGOS */

.brand-logos {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #ffffff;
    align-items: center;
}

/* DIV LOGO RIPPLE */

.brand-logos .brand-ripple {
    width: 127px;
    height: 20px;
    margin-right: 3vw;
}

/* DIV LOGO FRENTE CORRETORA */

.brand-logos .brand-frente {
    width: 184px;
    height: 53px;
}

/* 10R INVISÍVEL */

.rmobile {
    display: none;
}

/* BRAND INVISÍVEL DESKTOP */
.brandMobile {
    display: none;
}

/* VIDEO */
#video {
    display: flex;
    justify-content: center;
    padding-bottom: 5vh;
    margin-left: 4vw;

}

#video-mob {
    display: none;
}

/* FOOTER */
.footer {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 4vh;
    padding-bottom: 4vh;
    height: auto;
}