@import url('https://fonts.googleapis.com/css2?family=Katibeh&display=swap'); h1,h2 {
    font-family: "Katibeh", serif !important;
}

/* menu */
.navbar-fixed-top {
    background-color: #e6f2fe !important;
    background: unset;
    border-bottom: unset;
    box-shadow: unset !important;
}

.navbar-fixed-top .navbar-nav>li>a {
    color: #032e87 !important;
}

.navbar-fixed-top .navbar-nav>li>a:hover {
    color: #2371ff !important;
}

.intro {
    background-color: #e6f2fe;
}

h3.name-intro {
    font-size: 18px;
    color: #007bff;
    background-color: #c5ebff;
    width: 24%;
    padding-left: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 23px;
}

h1.title-intro {
    font-size: 100px;
    color: #000647;
    line-height: 70px;
    margin-bottom: 30px;
}

.intro .row {
    align-items: center;
}

p.desc-intro {
    font-size: 17px;
    color: #000647;
}

.button-intro a {
    text-transform: uppercase;
    background-color: #2371ff;
    color: #fff;
    padding: 13px 25px;
    border-radius: 22px;
}

.button-intro {
    margin-top: 30px;
}

/* formulário */
form.register-form.register.formSubmit {
    position: absolute;
    display: flex;
    bottom: 16px;
    left: 0;
    right: 0;
    background: #fff !important;
    width: 85%;
    margin: auto;
    height: 22%;
    border-radius: 30px;
    box-shadow: 0 4px 20px -11px #00000099 !important;
    padding-left: 40px;
    padding-top: 20px;
    z-index: 1;
}

form.register-form.register.formSubmit p {
    margin: 0px 5px;
    color: #000 !important;
    padding-top: 22px;
    padding-bottom: 22px;
}

.small-col-inside {
    padding-left: unset;
    height: 100%;
    padding-top: 40px;
    padding-right: unset;
}

input.register-input, select.register-input {
    border: 1px solid #b6b6b6 !important;
    margin-bottom: 30px !important;
}

.section-blue.no-padding.intro .form-control:focus {
    color: #2371ff !important;
    background-color: unset;
    outline: 0;
    border-color: #2371ff !important;
    box-shadow: 0 0 0 2px #2371ff63;
}

/* <---------> */
/* sec-empresa */
.section__title p {
    font-size: 19px;
    color: #007bff !important;
    background-color: #c5ebff;
    width: 50%;
    text-align: center !important;
    border-radius: 20px;
    padding: 4px 0px;
    margin-bottom: 0;
}

h2.m-0.text-dark {
    margin-bottom: 25px !important;
    font-size: 70px;
    color: #000647 !important;
    margin-top: 20px !important;
}

h4.title-sobre {
    margin-bottom: 3px;
    font-size: 20px;
    color: #2371ff;
}

span.round-on {
    border: 2px solid #ebebeb;
    border-radius: 480px;
    height: 480px;
    left: 15px;
    position: absolute;
    top: -47px;
    width: 480px;
    z-index: 1;
}

span.round-two {
    border: 2px solid #f0f0f0;
    border-radius: 708px;
    height: 478px;
    left: -55px;
    position: absolute;
    top: -30px;
    width: 478px;
    z-index: 1;
}

.award {
    background: #fff;
    border-radius: 25px;
    bottom: 0;
    box-shadow: 0 2px 8px 0 rgba(34, 31, 60, .1);
    display: flex;
    padding: 30px;
    position: absolute;
    z-index: 2;
    align-items: center;
    justify-content: space-between;
}

.award .icon img {
    filter: invert(1);
}

.icon {
    background-color: #2371ff;
    width: 70px;
    height: 70px;
    margin: 0px 30px;
    border-radius: 100%;
}

.icon:before {
    content: "";
    position: absolute;
    border: 2px solid;
    width: 90px;
    height: 90px;
    left: 50px;
    top: 31px;
    border-radius: 50%;
    border-color: #2371ff;
}

.icon img {
    padding: 13px !important;
}

.text h3 {
    font-size: 36px;
    font-family: 'Katibeh';
    color: #000647;
}

/* <-------> */
/* sec-solucoes */
p.sub-title {
    margin: auto;
    width: 23%;
}

.text p {
    color: #767676;
}

.word-card .image {
    margin: 0 auto 5px;
    max-width: 260px;
    position: relative;
}

.word-card .image img {
    clip-path: polygon(0 125.5px,0 125.5px,1.6425841px 145.856816px,6.3980768px 165.167808px,14.0080887px 183.174592px,24.2142304px 199.618784px,36.7581125px 214.242px,51.3813456px 226.785856px,67.8255403px 236.991968px,85.8323072px 244.601952px,105.1432569px 249.357424px,125.5px 251px,125.5px 251px,145.856816px 249.357424px,165.167808px 244.601952px,183.174592px 236.991968px,199.618784px 226.785856px,214.242px 214.242px,226.785856px 199.618784px,236.991968px 183.174592px,244.601952px 165.167808px,249.357424px 145.856816px,251px 125.5px,251px 125.5px,250.863708px 119.9673732px,250.462024px 114.6307736px,249.805736px 109.4621224px,248.905632px 104.4333408px,247.7725px 99.51635px,246.417128px 94.6830712px,244.850304px 89.9054256px,243.082816px 85.1553344px,241.125452px 80.4047188px,238.989px 75.6255px,238.989px 75.6255px,236.446064px 72.0285691px,232.976152px 69.7791488px,228.722808px 68.5182477px,223.829576px 67.8868744px,218.44px 67.5260375px,212.697624px 67.0767456px,206.745992px 66.1800073px,200.728648px 64.4768312px,194.789136px 61.6082259px,189.071px 57.2152px,189.071px 57.2152px,184.393417px 51.72729733px,181.241016px 45.92431864px,179.255519px 39.97256791px,178.078648px 34.03834912px,177.352125px 28.28796625px,176.717672px 22.88772328px,175.817011px 18.00392419px,174.291864px 13.80287296px,171.783953px 10.45087357px,167.935px 8.11423px,167.935px 8.11423px,163.791427px 6.59431287px,159.693376px 5.22753536px,155.615449px 4.01551129px,151.532248px 2.95985448px,147.418375px 2.06217875px,143.248432px 1.32409792px,138.997021px .74722581px,134.638744px .33317624px,130.148203px .08356303px,125.5px 0,125.5px 0,105.1432569px 1.6425841px,85.8323072px 6.3980768px,67.8255403px 14.0080887px,51.3813456px 24.2142304px,36.7581125px 36.7581125px,24.2142304px 51.3813456px,14.0080887px 67.8255403px,6.3980768px 85.8323072px,1.6425841px 105.1432569px,0 125.5px);
    width: 100%;
}

.word-card {
    max-width: 360px;
    text-align: center;
}

.word-card .image span {
    background: linear-gradient(358deg, #1e63ff -1077.15%, #187cff -690.64%, #128fff -213.19%, #0ca9ff 218.79%, #06c2ff 764.46%, #00dbff 1196.44%);
    border-radius: 100px;
    display: inline-block;
    color: #fff;
    font-family: Katibeh;
    font-size: 45px;
    font-weight: 400;
    height: 54px;
    line-height: 40px;
    position: absolute;
    right: -11px;
    top: 6px;
    text-align: center;
    transform: translateX(-50%);
    width: 54px;
}

#solucao {
    background-color: #ffff;
}

#vantagens {
    background-color: #fff;
}

.testim-inner p {
    color: #767676;
}

#vantagens h2 {
    color: #000647 !important;
    font-size: 60px;
}

.main__servicos h3 {
    color: #fff;
    font-weight: 700;
    padding: 20px;
}

.valor-destaque span {
    font-size: 60px;
}

.main__servicos li {
    font-size: 20px;
    color: #494848;
    padding: 10px 0px;
}

.button-plano a {
    padding: 15px 40px;
    background-color: #2371ff;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 18px 17px 0px 0px;
}

.button-plano {
    margin-bottom: 10px;
}

#servicos {
    background-color: #fff;
}

#servicos h2 {
    color: #000647 !important;
    font-size: 70px;
    padding-bottom: 30px;
}

#servicos .main__servicos {
    background-color: #eeeeee;
}

.valor-destaque h4 {
    color: #333;
    font-weight: 800;
}

.main__servicos ul {
    margin-bottom: 40px;
}

.main__servicos h3 {
    background: linear-gradient(0deg, #8f8f8f00, #7aa5f2, #005aff);
    border-radius: 20px 20px 0px 0px;
}

.cta {
    display: flex;
    align-items: center;
}

.icon-cta img {
    width: 70px;
}

.icon-cta {
    position: relative;
    margin-right: 80px;
}

.icon-cta:before {
    position: absolute;
    content: "";
    background-color: #ededed;
    width: 100px;
    height: 100px;
    bottom: -12px;
    right: -18px;
    z-index: -1;
    border-radius: 50%;
}

.section-bg-overlay {
    background: unset;
}

.img-banner {
    position: absolute;
    top: 0;
    right: 150px;
    margin: auto;
}

#depoimentos {
    background-color: #e6f2fe;
}

#depoimentos .text-white {
    font-size: 70px !important;
    color: #000647 !important;
}

.text span.counter, h2.data {
    color: #000647;
    line-height: 30px;
    font-size: 128px;
}

p.years-experience {
    position: relative;
    top: 16px;
}

i.fas.fa-check:before {
    content: "\f00c";
    font-size: 15px;
    color: #14d122;
}

.navbar-toggler {
    background-color: #2371ff;
}

#solucao h2 {
    margin-top: 20px;
    color: #000647 !important;
    font-size: 48px;
}

@media(max-width: 720px) {
    h3.name-intro {
        width: 60%;
        padding-left: 0;
        text-align: center;
        margin: auto;
    }

    h1.title-intro {
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 22px;
        text-align: center;
        margin-top: 30px;
    }

    .col-md-6.margin-top-50.p-5 {
        padding: 20px !important;
    }

    .button-intro {
        text-align: center;
    }

    .img-banner {
        position: absolute;
        right: 50px;
        bottom: -34px;
        margin: auto;
        width: 70%;
    }

    form.register-form.register.formSubmit {
        position: relative;
        display: flex;
        bottom: 16px;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        height: 100%;
        padding-left: unset;
        padding-top: 20px;
        padding-bottom: 30px;
        z-index: 1;
        flex-direction: column;
    }

    form.register-form.register.formSubmit p {
        padding-top: 0;
        padding-bottom: 0;
    }

    .section-blue.no-padding.intro .input-group {
        display: flex;
        justify-content: center;
    }

    .element {
        position: relative;
        top: 40px;
    }

    span.round-on {
        height: 290px;
        left: 20px;
        position: absolute;
        top: -27px;
        width: 290px;
        z-index: 1;
    }

    span.round-two {
        height: 308px;
        left: 30px;
        position: absolute;
        top: -20px;
        width: 318px;
        z-index: 1;
    }

    .award {
        bottom: 0;
        display: flex;
        left: 10px;
        bottom: 50px;
        padding: 20px;
        position: relative;
        z-index: 2;
        align-items: flex-start;
        justify-content: space-around;
    }

    .text span.counter, h2.data {
        max-height: 30px;
        line-height: 128px;
    }

    .icon {
        width: 70px;
        height: 70px;
        margin: 0px 0px;
    }

    .icon:before {
        width: 86px;
        height: 86px;
        left: 30px;
        top: 12px;
    }

    .section__title p {
        width: 80%;
    }

    h2.m-0.text-dark {
        font-size: 53px;
    }

    h2.mb-0.text-dark {
        font-size: 41px !important;
    }

    #servicos .main__servicos {
        margin-bottom: 60px;
    }

    .button-plano {
        margin-bottom: 0px;
    }

    .section-bg-2 {
        padding: 100px 0;
    }

    #html-cta .image {
        display: none;
    }

    #html-cta h3 {
        font-size: 20pt;
    }

    #html-cta p {
        font-size: 39pt;
    }

    .icon-cta {
        position: relative;
        text-align: center;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .icon-cta:before {
        right: 120px;
    }

    .cta:before {
        left: 0;
        bottom: -22px;
        right: 0;
        padding: 113px;
        margin: 10px;
    }

    .cta {
        display: block;
    }

    p.years-experience {
        margin-bottom: 0;
        margin-top: 35px;
    }

    .word-card {
        margin: 0 auto 30px;
    }
    #empresa p{
        text-align: left;
    }
    .word-card .image span{
        line-height: unset;
    }

    #vantagens {
        padding-top: 0px;
        padding-bottom: 0;
    }

    #servicos {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #home .no-gutters img {
        position: relative;
        opacity: 1;
        margin-top: 40px !important;
        width: 100%;
        display: block;
        margin: auto;
    }
}