* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}
.topbar {max-height: 55px;}

.FixoNoTopo{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.FixoNoTopo + .topbar{padding-top: 20px;}
p.text-top-bar {font-weight: 500; line-height: 30px;margin: 0px; font-size: 18px;}

h1 {font-weight: bold;}

#container{border-bottom: 1px solid #3f4047 !important;}/* Border-bottom do MENU */

span.text-contact-us {color: #004288;font-size: 30px;}

h1.contact-us-title {font-size: 65px;}

ul{padding: 0;list-style-position: inside;list-style-type: square;}

a.nav-link {color: #fff;font-weight: bold;}

.active, a.nav-link:hover{
    color: rgb(0, 66, 135) !important;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(0, 66, 135), rgb(111, 41, 224), rgba(147, 93, 247, 0));
    border-image-slice: 1;
}

p.text-solution{font-family: 'Montserrat', sans-serif;font-size: 30px;}

div#servicos {background-image: url('/img/bg_servicos.png');background-size: cover;background-position: center center;}

h1.our-services {font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 60px;}

div#contato, div#bancos, div#footer {margin-top: 20vh;}
img.img-thumbnail.border-0 {width: 200px;height: 100%;} /*IMG BANCOS PARCEIROS */

input#nome, input#telefone, input#email {border: 2px solid #004288;}

p.description-services {color: #666666;font-size: 17px;margin-top: 10vh;text-align: justify;}

p.discription-about.text-white {text-align: initial;padding: 0 9vh;}

div#empresa{
    background-image: url('../img/banner-meio.png');
    background-position: bottom;
    background-size: cover;
}

img#img-about {width: 450px;height: 350px;}

div#card {transition: all 0.5s;cursor: pointer;border: none;}

div#card:hover {transform: scale(1.1);}

button.btn.btn-theme.btn-block{
    color: #fff;
    background: -webkit-linear-gradient(45deg, #144189 50%, #743b8d 100%);
    border-radius: 30px !important;
}

.footer{background-color: #151515 !important;}

input#nome-footer, input#telefone-footer, input#email-footer {
    border-radius: 30px;
    background-color: #151515;
    border: 2px solid #fff;
    width: 315px;
    color: white;
}

h3.text-white.insta-col-footer {font-weight: bold;}

a.sigaNos {
    text-decoration: none;
    color: #873a8e;
    font-weight: 800;
    /*display: flex;*/
    gap: 10px;
    line-height: 20px;
    font-size: 18px;
}

a.sigaNos > *{
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
}

#btn-mobile {display: none;}

/* ICONES NO PLACEHOLDER DOS FORMS */
#input-icons i {position: absolute;top: 25px;left: 25px;margin: 0px;padding: 0px;}

#input-icons {width: 100%;margin-bottom: 10px; position: relative;}

.fa-solid {margin-top: 4vh;padding-left: 15vh;color: #3947ea;min-width: 50px;}

#icon-footer{margin-top: 2.5vh;padding-left: 10vh;color: #b4b4b4;min-width: 50px;}

.form-control {width: 100%;padding: 10px;text-align: left; padding-left: 50px;}

#form-contact-footer #input-icons i {top: 15px;}
/* /////////FIM///// ICONES NO PLACEHOLDER DOS FORMS */
i.fa-brands.fa-square-instagram.footer {
    /*margin-top: 4vh;*/
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.copyright span{ font-size: 14px; color: black;}
.copyright a{ font-size: 14px; text-decoration: none; color: black;}
.copyright a:hover{ color: rgb(0, 66, 135);}

@media (max-width: 990px){
    .top{flex-direction: column;align-items: center;}
    .topbar {display: none;}

    .info-services{display: flex;flex-direction: column;align-items: center;}

    /* Sobre Nós */
    span.text-white.px-5 {display: flex;font-size: 35px;justify-content: center;}

    h1.about.us.text-white.px-5 {display: flex;justify-content: center;font-size: 50px;}

    img#img-about {width: 100%; height: auto;}

    /*Serviços */
    .our-services {display: flex;justify-content: center;}

    div#form-contact {display: flex;justify-content: center;margin-top: 5vh;}

    span.text-contact-us {display: flex;justify-content: left;}

    h1.contact-us-title {display: flex;justify-content: left; font-size: 55px;}

    /* Footer */
    img.logo-footer {margin-left: 30vh;margin-bottom: 20px;}

    h5#about-company-footer {display: flex;justify-content: center;font-size: 35px;}

    h3.insta-col-footer {font-size: 50px;display: flex;justify-content: center;margin: 10px 0 50px;}

    a.sigaNos {text-align: center; font-size: 40px;margin-top: 20px;}

    div#form-contact-footer{display: flex;flex-direction: column;align-items: center;}

    h3#title-contact-footer{font-size: 50px;font-weight: bold;margin: 10px 0 20px;}

    button#button-form-footer{width: 290px !important;}
    
    /*SOBRE NÓS */
    div#empresa{background-image: url('../img/bg-about-mobile.png');background-position: bottom;background-size: cover;}

    img#img-about {margin: 0;padding: 25px;}

    p.discription-about.text-white {display: flex;text-align: center; padding: 0px 1vh;}

    i.fa-brands.fa-square-instagram.footer {font-size: 30px;}

    div#contato, div#bancos{margin-top: 8vh;}
    
    div#bancos h1{font-size: 45px;}

    #footer div{text-align: center;}
}

@media screen and (max-width: 480px) {
    .topbar {display: none;}

    .navbar-brand img{max-width: 170px;}

    #menu {
      display: block;
      position: absolute;
      width: 100%;
      top: 70px;
      right: 0px;
      background: #232323;;
      transition: 0.6s;
      z-index: 1000;
      height: 0px;
      visibility: hidden;
      overflow-y: hidden;
    }
    #nav.active #menu {height: calc(100vh - 70px);visibility: visible;overflow-y: auto;}

    #menu a {padding: 1rem 0;margin: 0 1rem;border-bottom: 2px solid rgba(0, 0, 0, 0.05);}

    #btn-mobile {
      display: flex;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      border: none;
      background: none;
      cursor: pointer;
      gap: 0.5rem;
    }

    #hamburger {border-top: 2px solid #fff;width: 20px;}
    #hamburger::after,
    #hamburger::before {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      background: currentColor;
      color: #fff;
      margin-top: 5px;
      transition: 0.3s;
      position: relative;
    }

    #nav.active #hamburger {border-top-color: transparent;}

    #nav.active #hamburger::before {transform: rotate(135deg);}

    #nav.active #hamburger::after {transform: rotate(-135deg);top: -7px;}

    img.insta-img {width: 60px;}

    #icon-footer{margin-top: 15px;padding-left: 50px;color: #b4b4b4;min-width: 50px;}
    
    i.fa-brands.fa-square-instagram.footer {font-size: 30px;margin-top: 22px;}

    p.text-solution{display: flex; margin-bottom: 10px; justify-content: left;}

    h1.our-services{font-size: 45px; text-align: left; padding: 0; justify-content: left;}

    p#text-info {font-size: 24px;}

    p.description-services{margin-top: 0;}

    img.logo-footer{margin: 0 auto; text-align: center;}

    a.sigaNos > *{font-size: 30px;}

    .copyright span{ font-size: 12px; color: black;}
    .copyright a{ font-size: 12px; text-decoration: none; color: black;}
  }