* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Helvetica", sans-serif !important;
}

a {
    color: black;
    text-decoration: none;
}

body {
    background-color: #ffffff;
}

#orcamentos {
    height: 65vh;
    background: left 32% bottom / 520px 450px no-repeat
        url("../images/mao-segurando-passaporte.png") #ffffff;
}

#page-sucess {
    background: left 32% bottom / 500px 420px no-repeat
        url("../images/mao-segurando-passaporte.png") #ffffff;
}

.politica-privacidade {
    position: relative;
    display: inline-block;
}

.politica-privacidade::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90%;
    border-bottom: 1px solid black;
}

.text-start {
    font-size: 20px;
    color: #773959;
}

#orcamentos header {
    margin: 40px auto 80px;
}
#orcamentos h4,
#page-sucess h4 {
    font-size: 35px;
    font-weight: 500;
    color: #672c2c;
}
#orcamentos .col-left,
#page-sucess .col-left {
    color: #4a4a4a;
    padding: 35px 0 0 25px;
    height: 100%;
}

#orcamentos .col-left h3,
#page-sucess .col-left h3 {
    color: #672c2c;
    font-size: 50px;
    font-weight: 700;
}
#orcamentos .col-left p,
#page-sucess .col-left p {
    color: #662e4c;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
}
#orcamentos .col-left .amazing,
#page-sucess .col-left .amazing {
    border: none;
    background-color: #ce3539;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
#orcamentos .form,
#page-sucess .form {
    padding: 14px;
    background-color: #ffffff;
    border-radius: 10px;
}
#orcamentos .form .title-form #page-sucess .form .title-form {
    text-align: center;
    margin-bottom: 15px;
}
#orcamentos .form .input-group #page-sucess .form .input-group {
    gap: 10px;
}
#orcamentos .form label,
#orcamentos .form input,
#page-sucess .form label,
#page-sucess .form input {
    font-size: 16px;
    font-weight: 500;
    padding: 35px 20px;
    border-radius: 10px !important;
    border-color: #606060;
}

#orcamentos .form .politica label,
#orcamentos .form .politica input,
#page-sucess .form .politica label,
#page-sucess .form .politica input {
    padding: 0px;
}

#orcamentos .form input::placeholder,
#page-sucess .form input::placeholder {
    color: #773959;
}
#orcamentos .form input::-moz-placeholder,
#page-sucess .form input::-moz-placeholder {
    color: #acacac;
}
#orcamentos .form input::placeholder #page-sucess .form input::placeholder {
    color: #acacac;
}
#orcamentos .form .politica,
#page-sucess .form .politica {
    gap: 30px;
}

#orcamentos .form .politica label,
#page-sucess .form .politica label {
    font-size: 15px;
}
#orcamentos .form .politica input,
#page-sucess .form .politica input {
    cursor: pointer;
    min-height: 25px;
    min-width: 25px;
}
#orcamentos .form .politica a,
#page-sucess .form .politica a {
    color: #662e4c;
}
#orcamentos .form button,
#page-sucess .form button {
    font-size: 15px;
    font-weight: 300;
    border-radius: 10px;
    background: #672c2c;
    color: #fff;
    border: none;
    margin-top: 70px;
    padding: 25px 0;
}
#demonstration h4 {
    padding-top: 70px;
    width: 100%;
    font-size: 50px;
    font-weight: 500;
    color: #662e4c;
}
#demonstration .container {
    border-top: 7px solid #773959;
}
#demonstration div p {
    font-size: 20px;
    font-weight: 400;
    color: #662e4c;
    margin-bottom: 0;
}

#demonstration p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
}
#demonstration .input-group .d-flex {
    margin-left: 3vw;
}
#demonstration .input-group .input-line input {
    font-size: 18px;
    height: 100%;
    width: 25vw;
    padding-left: 5%;
    padding-right: 15%;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border-color: #662e4c;
}
#demonstration .input-group button {
    font-size: 20px;
    background-color: #662e4c;
    color: #ffffff;
    border-radius: 50px;
    border: none;
    margin-left: -7%;
    z-index: 99;
    padding: 20px 40px;
    font-weight: 300;
    display: flex;
    justify-content: center;
}

#video {
    padding-bottom: 50px;
    margin-top: 20px;
}
#video h4 {
    font-size: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #0063c0;
    font-weight: 900;
}
#video iframe,
#video .iframe-footer,
#video .iframe-text {
    max-width: 940px;
}
#video iframe {
    width: 65vw;
    height: 490px;
}
#video .iframe-footer {
    background-color: #662e4c;
    width: 65.04vw;
    color: #ffffff;
    padding: 40px 0;
}
#video .iframe-footer strong {
    font-size: 20px;
    font-weight: 700;
}
#video .iframe-footer span {
    font-size: 16px;
    font-weight: 300;
}
#video .iframe-text {
    width: 65vw;
}
#video .iframe-text button {
    background-color: #ce3539;
    color: #ffffff;
    border: none;
    padding: 20px;
    font-size: 18px;
    border-radius: 5px;
}
#video .iframe-text span {
    font-size: 15px;
    font-weight: 300;
}
#video .iframe-text p {
    font-size: 18px;
    font-weight: 300;
}
#video .iframe-text p strong {
    font-size: 20px;
    font-weight: 400;
}

#valores .container {
    margin-bottom: 80px;
}

#valores .container h4 {
    font-size: 30px;
    text-align: center;
    margin: 80px 0 !important;
}

.container-valores {
    gap: 40px;
    height: 160px;
    font-size: 15px;
}

.container-valores .valores {
    width: 55%;
}

.container-valores .missao {
    height: 100%;
    width: 45%;
}

.container-valores .missao div p {
    margin: 0 0 0 10px;
}

#sobre {
    background-color: #662e4c;
    padding: 45px 0 30px;
}

#sobre .container .quem-somos {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 100px;
}

#sobre .text {
    color: #ffffff;
    margin-bottom: 25px;
    width: 85%;
}
#sobre .text h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}
#sobre .text span {
    font-size: 13px;
    font-weight: 400;
}
#sobre .text p {
    font-size: 15px;
}
#sobre .owl-carousel {
    position: relative;
}
#sobre .owl-carousel .owl-item img {
    height: 350px;
}
#sobre .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    gap: 85%;
    justify-content: center;
    bottom: 40%;
}
#sobre .owl-carousel .owl-nav .owl-prev span {
    content: url(/images/chevron-left.svg?b4d9db6bce12a89ac231b25e0c602482);
}
#sobre .owl-carousel .owl-nav .owl-next span {
    content: url(/images/chevron-right.svg?370eb86ec7db23c61c882a4c608e8270);
}
#sobre .owl-carousel .owl-nav span {
    width: 40px;
    height: 40px;
    filter: drop-shadow(0px 1px 1px #000000);
}
#sobre .buttons {
    gap: 2vw;
}
#sobre .buttons button {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    padding: 20px 40px;
    font-size: 20px;
    font-weight: 300;
    border: 1px solid #ffffff;
    transition: all 0.2s;
}
#sobre .button-left {
    color: #662e4c;
}
#sobre .button-left:hover {
    color: #ffffff;
    background-color: #662e4c;
}
#sobre .button-right {
    color: #ffffff;
    background-color: #662e4c;
}
#sobre .button-right:hover {
    color: #662e4c;
    background-color: #ffffff;
}
#sobre span {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
}

#depoimentos {
    margin-bottom: 42px;
}

#depoimentos .depoimentos {
    gap: 120px;
}

#depoimentos h4 {
    margin: 42px auto;
    font-size: 30px;
    width: 650px;
}

#depoimentos .depoimentos h5 {
    font-size: 25px;
    font-weight: 600;
}

#depoimentos .depoimentos h6 {
    font-weight: 400;
    font-size: 20px;
}

#depoimentos .depoimentos-info-desc p {
    font-size: 14px;
}

#depoimentos .dp-info_depoimento p {
    font-size: 12px;
}

#servicos {
    background-color: #c09c48;
    color: #fff;
}

#servicos h4 {
    font-size: 30px;
    margin: 48px;
}

#servicos .cidadania {
    margin-bottom: 48px;
    min-height: 250px;
    gap: 70px;
}

#servicos .modo-descricao p {
    text-align: justify;
}

#servicos h5 {
    font-size: 22px;
}

#servicos p {
    font-size: 16px;
}

#servicos .modo-circle {
    text-align: center;
    line-height: 75px;
    font-size: 25px;

    min-width: 80px;
    height: 80px;

    border: 2px solid #fff;
    border-radius: 100%;
}

#pesquisa .container {
    margin: 80px auto;
}

#pesquisa .pesquisa-header {
    margin-bottom: 42px;
}

#pesquisa h4 {
    font-size: 30px;
}
#pesquisa h5 {
    font-size: 20px;
    margin-bottom: 50px;
}

#pesquisa .pesquisa-descricao p {
    margin: 30px 0;
}
#pesquisa p {
    font-size: 20px;
}

#pesquisa-genealogica {
    background-color: #285250;
    color: #fff;
}

#pesquisa-genealogica h4 {
    font-size: 30px;
    margin-top: 48px;
}
#pesquisa-genealogica .div h5 {
    margin-bottom: 48px;
}

#pesquisa-genealogica .pesquisa-genealogica {
    margin-bottom: 48px;
    min-height: 280px;
    gap: 70px;
}

#pesquisa-genealogica .modo-descricao p {
    text-align: justify;
}

#pesquisa-genealogica h5 {
    font-size: 22px;
}

#pesquisa-genealogica p {
    font-size: 16px;
}

#pesquisa-genealogica .modo-circle {
    text-align: center;
    line-height: 75px;
    font-size: 25px;

    min-width: 80px;
    height: 80px;

    border: 2px solid #fff;
    border-radius: 100%;
}

#plans {
    margin: 30px 0;
}
#plans h3 {
    font-size: 30px;
    font-weight: 700;
    color: #662e4c;
    margin-bottom: 50px;
}
#plans h4 {
    margin-top: 0;
    font-size: 30px;
    font-weight: 700;
}
#plans p {
    font-size: 16px;
}
#plans button {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    font-weight: 300;
    padding: 15px;
    border: none;
    transition: all 0.2s;
}
#plans button:hover {
    filter: drop-shadow(2px 2px 3px black);
}
#plans .basic-price,
#plans .premium-price {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 12px 0;
}
#plans .basic-price strong,
#plans .premium-price strong {
    font-size: 25px;
    font-weight: 700;
}
#plans .basic-price span,
#plans .premium-price span {
    font-size: 15px;
    font-weight: 700 !important;
}
#plans .basic {
    background-color: #4b2339;
    padding: 25px 18px;
    position: relative;
}
#plans .basic .basic-price {
    background-color: #662e4c;
}
#plans .basic button {
    color: #662e4c;
    font-size: 15px;
    margin-top: 90px;
}
#plans .basic button:hover {
    color: #ffffff;
    background-color: #662e4c;
}
#plans .premium {
    background-color: #662e4c;
    padding: 30px 20px;
    position: relative;
    width: 30%;
}
#plans .premium .premium-price {
    background-color: #4b2339;
}
#plans .premium button {
    font-size: 18px;
    color: #662e4c;
    margin-top: 90px;
}
#plans .premium button:hover {
    color: #ffffff;
    background-color: #4b2339;
}
#plans .premium span {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
}
#plans .enterprise {
    background-color: #3e0b27;
    padding: 25px 18px;
}
#plans .enterprise button {
    font-size: 15px;
    color: #ffffff;
    background-color: #662e4c;
    margin-top: 65px;
}
#plans .enterprise button:hover {
    background-color: #ffffff;
    color: #662e4c;
}

#testimony h3 {
    font-size: 25px;
    font-weight: 700;
    color: #662e4c;
    margin-bottom: 70px !important;
}
#testimony .testimonys {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#testimony .item {
    gap: 5px;
    max-width: 85%;
    margin-bottom: 45px !important;
}
#testimony .item .actor {
    min-width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px #4b2339;
}
#testimony .item .actor img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 110px;
    height: 110px;
}
#testimony .item .text {
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
}
#testimony .item .name {
    font-size: 13px;
    font-weight: 300;
    line-height: 100%;
}

#more {
    background-color: #a8cf45;
}
#more h3 {
    font-size: 25px;
    font-weight: 700;
    color: #277e4a;
}
#more p {
    font-size: 18px;
    line-height: 20px;
}
#more .advantages {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#more .advantages .item {
    width: 90%;
    margin-bottom: 25px !important;
    margin: 0 auto;
}
#more .advantages .item div {
    gap: 5px;
}
#more .advantages .item h4 {
    color: #277e4a;
    font-size: 20px;
}
#more .advantages .item p {
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
}
#more .buttons {
    gap: 2vw;
}
#more button {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    padding: 20px 40px;
    font-size: 20px;
    font-weight: 300;
    border: 1px solid #277e4a;
    transition: all 0.2s;
}
#more .button-left {
    color: #ffffff;
    background-color: #277e4a;
}
#more .button-left:hover {
    background-color: #a8cf45;
    color: #277e4a;
}
#more .button-right {
    color: #277e4a;
    background-color: #a8cf45;
}
#more .button-right:hover {
    background-color: #277e4a;
    color: #ffffff;
}
#more span {
    font-size: 15px;
    font-weight: 300;
    color: #277e4a;
}
#more .single {
    padding: 45px 0;
    background-color: #277e4a;
}
#more .single h3 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 300;
}

#questions h3 {
    font-weight: 300;
    font-size: 30px;
}
#questions .duvidas .navbar {
    background-color: transparent;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
#questions .duvidas .navbar button {
    transition: all 0.2s;
}
#questions .duvidas .navbar button:hover {
    filter: drop-shadow(0px 0px 1px #737373);
}
#questions .duvidas .dropdown-title h4 {
    color: #666666;
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
}
#questions .duvidas .line {
    border-bottom: 1px solid #000000;
}
#questions .duvidas p {
    font-size: 16px;
    line-height: 18px;
    color: #666666;
}
#questions .duvidas .toggler svg {
    transition: all 0.2s ease;
    transform: rotate(3.142rad);
    width: 30px;
    height: 30px;
}
#questions .duvidas .toggler.collapsed svg {
    transform: rotate(0);
}
#questions .duvidas .toggler {
    border: none;
    background-color: transparent;
}

#contato {
    background-color: #773959;
    padding: 46px 0;
}

#contato .contact-wrapper {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
#contato .col-left p {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    padding-right: 3vw;
}
#contato .form {
    background-color: #ffffff;
    border-radius: 10px;
    height: 100%;
    padding: 20px 30px 40px;
}

#contato form {
    height: 100%;
}
#contato .form .title-form {
    text-align: start;
    margin-bottom: 15px;
}
#contato .form .input-group {
    gap: 10px;
}
#contato .form label,
#contato .form input {
    font-size: 16px;
    font-weight: 500;
}
#contato .form input {
    padding: 20px 10px;
    border-radius: 5px !important;
    border-color: #606060;
}
#contato .form input::-moz-placeholder {
    color: #acacac;
}
#contato .form input::placeholder {
    color: #acacac;
}
#contato .form .politica {
    gap: 10px;
}
#contato .form .politica p,
#contato .form .politica a {
    font-size: 15px;
    color: #000000;
}

#contato .form .politica a {
    text-decoration: underline;
}
#contato .form .politica input {
    cursor: pointer;
    min-height: 20px;
    min-width: 20px;
}
#contato .form button {
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    color: #ffffff;
    background: #662948;
    border: none;
    padding: 10px 0;
    transition: filter 0.3s;
}
