footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}

a {
    text-decoration:none !important
}

.nav-link {
    color:rgba(255, 255, 255, 0.596) !important;
    margin-top:18px;
    font-size:14px !important;
    font-weight:500 !important
}

html, body {
    overflow-x: hidden !important;
    width: 100vw;

}


body {
    font-family: 'Inter', sans-serif !important;
}

section {
    width: 100%;
    display: inline-block;
    height: 70vh;
    text-align: center;
}

.icon-ft {
    color:white;
    font-size:20px
}

#banner {
    background: url(../../../../../../../../../static/images/fixed/website/banner.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    top: 0;
}

.ajust-vertical {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Isso alinha o conteúdo verticalmente */
    height: 100%; /* Isso é necessário para garantir que o container ocupe todo o espaço disponível */
}

.title-banner {
    color:white;
    font-weight:800;
    font-size:45px;
    line-height:60px
}

.title-footer {
    font-size:15px;
    font-weight:700;
    color:white;
    margin-bottom:10px
}

.hr-ft {
    color:white !important
}

.text-banner {
    color:rgba(255, 255, 255, 0.626)
}
 
.navbar {
    position:fixed !important;
    top:0;
    width:100%;
    z-index:3;
}

.title-1 {
    font-size:28px;
    color:#0c233f;
    font-weight:700
}

.title-about {
    font-size:20px;
    color:#0c233f;
    font-weight:700
}

.text-1 {
    font-size:15px;
    color:rgb(103, 103, 103)
}

.text-2 {
    font-size:13px;
    color:rgb(103, 103, 103);
    margin-bottom:10px
}

.text-cybros {
    font-size:13px;
    color:rgba(255, 255, 255, 0.623);
}

.text-footer {
    font-size:13px;
    color:rgba(255, 255, 255, 0.623);
}

.text-docs {
    font-size:13px;
    color:rgb(103, 103, 103);
    margin-bottom:8px
}

.min-galery-logo {
    width:45px;
    height:45px;
    object-fit:cover;
    margin-top:2px
}

.box-galery {
    background-color:white;
    border-radius:10px;
    padding:20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.img-galery-out {
    width:100% !important;
    object-fit:cover !important;
    height:250px;
    border-radius:5px;
    margin-top:-0px;
    margin-bottom:15px
}

.title-card {
    font-family: 'Inter', sans-serif;
    font-size:14px;
    font-weight: 600;
    color:#0c233f;
}

.text-card {
    color:rgb(96, 96, 96);
    font-size:13px;
    font-family: 'Inter', sans-serif;
}

.btn-download {
    width:180px;
    margin-bottom:15px
}


.btn-secondary {
    background-color: transparent !important;
    color:#0c233f !important;
    border:1px solid #0c233f !important;
    font-family: 'Inter', sans-serif;
    font-size:14px !important;
    font-weight:500 !important;
    padding:8px 22px !important;
    margin-top:10px
}

.icon-1 {
    background-color: #0c233f2a;
    border-radius:50px;
    height:35px;
    width:35px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#0c233f;
    font-size:16px
}

.title-icon-1 {
    font-size:15px;
    font-weight: 600;
    color:#0c233f;
    margin-bottom:0px;
    margin-top:5px
}

.form-control {
    border:1px solid #e1e1e1 !important;
    font-size:13px !important;
    box-shadow:none !important;
    color:gray !important
}

.fade-in {
    opacity: 0;
    transform: translateX(0); /* Reset */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Efeito surgindo da esquerda para a direita */
.fade-in-left {
    transform: translateX(-80px);
}
.fade-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Efeito surgindo da direita para a esquerda */
.fade-in-right {
    transform: translateX(80px);
}
.fade-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Efeito surgindo de cima para baixo */
.fade-in-top {
    transform: translateY(-80px);
}
.fade-in-top.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Efeito surgindo de baixo para cima */
.fade-in-bottom {
    transform: translateY(80px);
}
.fade-in-bottom.visible {
    opacity: 1;
    transform: translateY(0);
}

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

.view-md {
    display:none
}

.col-sec-2b {
    display:none
}

.section-privacy {
    margin-top:90px
}

.btn-nav-menu {
    color:#0c233f;
    background-color: white;
    border:1px solid #0c233f !important;
    padding:7px 12px;
    border-radius:8px
}

.section-validation {
    margin-top:140px
}

.section-projects {
    margin-top:110px
}

@media (min-width: 1400px) and (max-width: 3840px) {




    .btn-nav-menu {
        display: none;
    }

    .section-tools-1 {
        margin-top:160px
    }

    .section-tools {
        margin-top:120px
    }

    .img-tools-1 {
        width:85%;
        margin-top:50px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:90%
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:90%
    }

   

    /* ------------------------------ */


    .section-about {
        margin-top:160px
    }

    .img-about {
        width:60%
    }

    /* ------------------------------ */


    .section-docs-1 {
        margin-top:160px
    }
    
    .img-docs-1 {
        width:100%
    }

    .section-docs-2 {
        margin-top:150px
    }
    
    .img-docs-2 {
        width:85%;
        margin-top:-30px
    }

    .section-docs-3 {
        margin-top:120px
    }
    
    .img-docs-3 {
        width:100%
    }


    /* ------------------------------ */
    
    .section-1 {
        margin-top:100px
    }

    .col-sec-1 {
        text-align:right
    }

    .img-sec-1 {
        width:65%;
        margin-top:-10px
    }

    .section-2 {
        margin-top:140px
    }

    .img-sec-2 {
        width:90%

    }

    .section-3 {
        margin-top:160px;
        margin-bottom:50px
    }

    .col-sec-3 {
        text-align:right;
        margin-top:15px !important

    }

    .img-sec-3 {
        width:80%;
    }

    #banner {
        height:800px !important
    }

    .wicon2 {
        margin-left:-10px !important
   }

   .wicon3 {
        margin-left:-10px !important
   }

   .wicon4 {
        margin-left:10px !important
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {



    .btn-nav-menu {
        display: none;
    }

    .section-tools-1 {
        margin-top:150px
    }

    .section-tools {
        margin-top:120px
    }

    .img-tools-1 {
        width:85%;
        margin-top:60px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:90%
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:90%
    }

    /* ------------------------------ */

    .section-about {
        margin-top:160px
    }

    .img-about {
        width:70%
    }

    /* ------------------------------ */


    .section-docs-1 {
        margin-top:160px
    }
    
    .img-docs-1 {
        width:100%;
        margin-top:30px
    }

    .section-docs-2 {
        margin-top:150px
    }
    
    .img-docs-2 {
        width:90%;
        margin-top:0px
    }

    .section-docs-3 {
        margin-top:120px
    }
    
    .img-docs-3 {
        width:100%;
        margin-top:40px
    }


    /* ------------------------------ */

    .wicon1 {
        width:160px !important
    }

    .wicon3 {
        margin-left:-20px !important
    }

    .wicon4 {
        margin-left:10px !important
    }

    #banner {
        height:700px !important
    }

    .section-1 {
        margin-top:100px
    }

    .col-sec-1 {
        text-align:right
    }

    .img-sec-1 {
        width:75%;
        margin-top:0px
    }

    .section-2 {
        margin-top:140px
    }

    .col-sec-2 {
    }

    .img-sec-2 {
        width:85%;
        margin-top:15px !important

    }

    .section-3 {
        margin-top:160px;
        margin-bottom:50px
    }

    .col-sec-3 {
        text-align:right
    }

    .img-sec-3 {
        width:90%;
        margin-top:15px !important
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .btn-nav-menu {
        display: none;
    }

    .section-tools-1 {
        margin-top:150px
    }

    .section-tools {
        margin-top:100px
    }

    .img-tools-1 {
        width:75%;
        margin-top:60px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:100%;
        margin-top:35px

    }

    .col-sis-tools {
        text-align:right !important
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:100%;
        margin-top:30px
    }

    .ocult-tools {
        display:none
    }

    .od-1 {
        order:1
    }

    .od-2 {
        order:2
    }

    /* ------------------------------ */

    .section-about {
        margin-top:160px
    }

    .img-about {
        width:75%;
        margin-top:40px
    }

    /* ------------------------------ */


    .section-docs-1 {
        margin-top:160px
    }
    
    .img-docs-1 {
        width:100%;
        margin-top:30px
    }

    .section-docs-2 {
        margin-top:150px
    }
    
    .img-docs-2 {
        width:90%;
        margin-top:0px
    }

    .section-docs-3 {
        margin-top:120px
    }

    .col-img-docs-3 {
        text-align:right
    }
    
    .img-docs-3 {
        width:95%;
        margin-top:60px
    }


    /* ------------------------------ */

    #banner {
        height:700px !important
    }

    .section-1 {
        margin-top:80px
    }

    .col-sec-1 {
        text-align:right
    }

    .img-sec-1 {
        width:85%;
        margin-top:-10px !important
    }

    .section-2 {
        margin-top:140px
    }

    .col-sec-2 {
    }

    .img-sec-2 {
        width:100%;
        margin-top:25px

    }

    .section-3 {
        margin-top:160px;
        margin-bottom:50px
    }

    .col-sec-3 {
        text-align:right
    }

    .img-sec-3 {
        width:95%;
        margin-top:20px
    }

   
    


}

@media (min-width: 768px) and (max-width: 991px) {


    .section-validation {
        margin-top:115px
    }

    .section-tools-1 {
        margin-top:130px
    }

    .section-tools {
        margin-top:100px
    }

    .img-tools-1 {
        width:40%;
        margin-top:60px;
        margin-bottom:-30px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:100%;
        margin-top:35px

    }

    .col-sis-tools {
        text-align:left !important
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:100%;
        margin-top:30px
    }

    .ocult-tools {
        display:none
    }

    .od-1 {
        order:1
    }

    .od-2 {
        order:2
    }

    /* ------------------------------ */

    .section-about {
        margin-top:130px
    }

    .img-about {
        width:60%;
        margin-top:40px
    }

    /* ------------------------------ */

    .section-docs-1 {
        margin-top:130px
    }
    
    .img-docs-1 {
        width:90%;
        margin-top:30px
    }

    .col-img-docs-1 {
        text-align:center !important
    }

    .section-docs-2 {
        margin-top:60px
    }
    
    .img-docs-2 {
        width:90%;
        margin-top:0px
    }

    .col-img-docs-2 {
        order:2;
        text-align:center !important
    }

    .col-text-docs-2 {
        order:1
    }

    .section-docs-3 {
        margin-top:80px
    }

    .col-img-docs-3 {
        text-align:center !important
    }
    
    .img-docs-3 {
        width:95%;
        margin-top:60px
    }


    /* ------------------------------ */

    .section-1 {
        margin-top:80px
    }

    .col-sec-1 {
        text-align:left
    }

    .img-sec-1 {
        width:90%;
        margin-top:40px;
    }

    .ocult-md {
        display:none
    }

    .view-md {
        display:block !important;
        text-align:left;
        margin-top:30px !important
    }

    .section-2 {
        margin-top:110px
    }

    .col-sec-2 {
        order:2;
        text-align:center
    }

    .col-sec-2t {
        order:1
    }

    .col-sec-2b {
        display:block;
        margin-top:-7px !important;
        margin-bottom:15px !important
    }

    .img-sec-2 {
        width:80%;
        margin-top:55px

    }

    .section-3 {
        margin-top:140px;
        margin-bottom:50px
    }

    .col-sec-3 {
        text-align:center
    }

    .img-sec-3 {
        width:80%;
        margin-top:35px
    }

    #banner {
        height:700px !important
    }

    .mtop {
        margin-top:50px !important
    }

    .cont-contact {
        margin-top:-15px
    }

    .ft-cybros {
        margin-top:30px !important
    }

    .section-privacy {
        margin-top:80px
    }

    .section-projects {
        margin-top:90px
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .section-tools-1 {
        margin-top:130px
    }

    .section-tools {
        margin-top:100px
    }

    .img-tools-1 {
        width:60%;
        margin-top:45px;
        margin-bottom:-40px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:100%;
        margin-top:35px

    }

    .col-sis-tools {
        text-align:left !important
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:100%;
        margin-top:30px
    }

    .ocult-tools {
        display:none
    }

    .od-1 {
        order:1
    }

    .od-2 {
        order:2
    }

    /* ------------------------------ */

    .section-about {
        margin-top:130px
    }

    .img-about {
        width:60%;
        margin-top:40px
    }

    /* ------------------------------ */

    .section-docs-1 {
        margin-top:130px
    }
    
    .img-docs-1 {
        width:90%;
        margin-top:30px
    }

    .col-img-docs-1 {
        text-align:center !important
    }

    .section-docs-2 {
        margin-top:60px
    }
    
    .img-docs-2 {
        width:90%;
        margin-top:0px
    }

    .col-img-docs-2 {
        order:2;
        text-align:center !important
    }

    .col-text-docs-2 {
        order:1
    }

    .section-docs-3 {
        margin-top:80px
    }

    .col-img-docs-3 {
        text-align:center !important
    }
    
    .img-docs-3 {
        width:95%;
        margin-top:60px
    }


    /* ------------------------------ */

    #banner {
        height:700px !important
    }

    .section-1 {
        margin-top:70px
    }

    .col-sec-1 {
        text-align:left
    }

    .img-sec-1 {
        width:95%;
        margin-top:40px;
    }

    .mtop {
        margin-top:37px !important
    }

    .ocult-md {
        display:none
    }

    .view-md {
        display:block !important;
        text-align:left;
        margin-top:20px !important
    }

    .section-2 {
        margin-top:95px
    }

    .col-sec-2 {
        order:2;
        text-align:center
    }

    .col-sec-2t {
        order:1
    }

    .col-sec-2b {
        display:block;
        margin-top:-7px !important;
        margin-bottom:15px !important
    }

    .img-sec-2 {
        width:90%;
        margin-top:55px

    }

    .section-3 {
        margin-top:120px;
        margin-bottom:50px
    }

    .col-sec-3 {
        text-align:center
    }

    .img-sec-3 {
        width:90%;
        margin-top:35px
    }

    .title-banner {
        font-size:36px !important;
        line-height:48px !important;
        margin-top:30px
    }

    .title-1 {
        font-size:26px
    }

    .cont-contact {
        margin-top:-35px
    }

    .ft-cybros {
        margin-top:30px !important
    }

    .section-privacy {
        margin-top:70px
    }

    .section-validation {
        margin-top:115px
    }

    .section-projects {
        margin-top:90px
    }


}

@media (max-width: 575px) {

    .section-tools-1 {
        margin-top:110px
    }

    .section-tools {
        margin-top:70px
    }

    .img-tools-1 {
        width:50%;
        margin-top:45px;
        margin-bottom:-10px
    }

    .img-tools-2, .img-tools-4, .img-tools-6, .img-tools-8, .img-tools-10 {
        width:100%;
        margin-top:35px

    }

    .col-sis-tools {
        text-align:left !important
    }

    .img-tools-3, .img-tools-5, .img-tools-7, .img-tools-9 {
        width:100%;
        margin-top:30px
    }

    .ocult-tools {
        display:none
    }

    .od-1 {
        order:1
    }

    .od-2 {
        order:2
    }

    /* ------------------------------ */

    .section-about {
        margin-top:110px
    }

    .img-about {
        width:70%;
        margin-top:30px
    }

    /* ------------------------------ */

    .section-docs-1 {
        margin-top:110px
    }
    
    .img-docs-1 {
        width:100%;
        margin-top:30px
    }

    .col-img-docs-1 {
        text-align:center !important
    }

    .section-docs-2 {
        margin-top:60px
    }
    
    .img-docs-2 {
        width:90%;
        margin-top:20px
    }

    .col-img-docs-2 {
        order:2;
        text-align:center !important
    }

    .col-text-docs-2 {
        order:1
    }

    .section-docs-3 {
        margin-top:80px
    }

    .col-img-docs-3 {
        text-align:center !important
    }
    
    .img-docs-3 {
        width:95%;
        margin-top:40px;
        margin-bottom:-20px
    }


    /* ------------------------------ */

    .title-1 {
        font-size:24px
    }

    #banner {
        height:600px !important;
    }

    .title-banner {
        font-size:32px !important;
        line-height:44px !important;
        margin-top:30px
    }

    .text-banner {
        color:rgba(255, 255, 255, 0.715)
    }

    .container {
        padding-left:25px !important;
        padding-right:25px !important
    }

    .section-1 {
        margin-top:50px
    }

    .col-sec-1 {
        text-align:center
    }

    .img-sec-1 {
        width:70%;
        margin-top:50px;
    }

    .section-2 {
        margin-top:65px
    }

    .col-sec-2 {
        order:2;
        text-align:center
    }

    .col-sec-2t {
        order:1
    }



    .img-sec-2 {
        width:95%;
        margin-top:55px

    }

    .section-3 {
        margin-top:85px;
        margin-bottom:20px
    }

    .col-sec-3 {
        text-align:center
    }

    .img-sec-3 {
        width:100%;
        margin-top:35px
    }

    .cont-contact {
        margin-top:-35px
    }

    /* ------------------ */

    .ft-social, .ft-copy, .ft-logo, .ft-link {
        text-align:center !important
    }

    .ft-social {
        margin-bottom:30px
    }

    .section-privacy {
        margin-top:70px
    }

    .offcanvas { 
        width:100% !important
    }

    .section-validation {
        margin-top:105px
    }

    .section-projects {
        margin-top:90px
    }

}


.navbar.scrolled {
    backdrop-filter: blur(10px); /* Ajuste o valor para controlar o nível de blur */
    -webkit-backdrop-filter: blur(10px); /* Suporte para Safari */
    background-color:rgba(255, 255, 255, 0.85) !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
.nav-link {
    transition: color 0.3s ease;
}
.nav-link.scrolled {
    color: #0c233f !important;
}


.text-1 {
    line-height:26px
}

.offcanvas {
    background-color: #0c233f !important;
}

.btn-close-modal {
    border:none !important;
    margin-top:5px !important;
    margin-right:5px !important
}

.btn-close-canvas {
    position:absolute;
    background-color: transparent !important;
    border:none !important;
    color:white !important;
    top:20px;
    right:20px
}

.link-mobile {
    font-family: 'Inter', sans-serif;
    font-size:15px;
    font-weight: 500;
    color:white !important;
}

.hr-mobile {
    color:white !important
}

.box-link-mobile {
    padding:20px
}

.btn-sistegra-mobile {
    font-family: 'Inter', sans-serif;
    font-size:14px !important;
    font-weight: 600 !important;
    color: #0c233f !important;
    background-color: white !important;
    padding:8px 25px !important;
    border-radius:8px !important;
    margin-left:20px

}

.btn-login {
    font-family: 'Inter', sans-serif;
    font-size:13px !important;
    font-weight: 500 !important;
    background-color: #0c233f !important;
    color: white !important;
    border-radius:8px !important;
    width:310px !important;
    height:45px !important;
    border-radius:10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important
}