@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

.shadow-sm {
    z-index: 100 !important;
}

.flag {
    width: 30px;
}
.hight-table-statistic{
    overflow-y: scroll;
    height: 55vh;
}

.img-form{ /* criar um pra login e um pra register*/

    background-image: url(../../../../../cdn/assets/media/images/fundo13.jpg);
}

.img-form-login{ /* criar um pra login e um pra register*/

    background-image: url(../../../../../cdn/assets/media/images/background-gracia.webp);
}

.img-form-recover-password{ /* criar um pra login e um pra register*/

    background-image: url(../../../../../cdn/assets/media/images/fundo27.jpg);
}

.img-home{ /* criar um pra login e um pra register*/

    background-image: url(../../../../../cdn/assets/media/images/background-freya.jpg);
}

.register {
    height: 89vh;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../../../../../cdn/assets/media/images/fundo14.jpg");
    background-size: cover;
    background-position: top center;
}

footer a {
    text-decoration: none;
    color: white;
}

.text-justify {
    text-align: justify;
}

.card-title{
    font-family: 'Open Sans', sans-serif;
    color: #222222;
    font-weight: bold;
}

.card-body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #222222;
}

#section-home1 {
    /*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3)), url("../../../../../cdn/assets/media/images/background-freya.jpg");
    */
    background: url("../../../../../cdn/assets/media/images/background-freya.jpg");
    background-position: left center;
    background-size: cover;
    height: 80vh !important;
}

#section-home2 {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../../../../../cdn/assets/media/images/background-gracia.webp");
    background-size: cover;
    background-position: left center;
    height: 70vh;
    background-attachment: fixed;
    /* #000110 #010519*/
}

#section-home3 {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../../../../../cdn/assets/media/images/fundo13.jpg");
    background-size: cover;
    background-position: left center;
    background-attachment: fixed;
    /* #000110 #010519*/
}

.carousel-indicators [data-bs-target]{
    background-color: #000;
}

#section-statistic1 {
  /*  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3)), url("../../../../../cdn/assets/media/images/fundo17.png");
    background-size: cover;
    background-position: left center;*/
    height: 80vh;
   /* overflow-y: scroll;*/
}



.section-info1 {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../../../cdn/assets/media/images/fundo19.jpg");
    background-size: cover;
    background-position: top center;
}

.section-info1 img {
    width: 20px;
}

.section-info2 {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../../../cdn/assets/media/images/fundo19.webp");
    background-size: cover;
    background-position: center center;
}

.section-info3 {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../../../cdn/assets/media/images/fundo26.webp");
    background-size: cover;
    background-position: center center;
}

.section-info4 {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../../../cdn/assets/media/images/fundo18.jpg");
    background-size: cover;
    background-position: center center;
}

.section-info1 .section-info2 .section-info3 .section-info4 img {
    border-radius: 100%;
}

.navbar-bg {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    transition: background-color 0.3s, color 0.3s;
}

.navbar-bg-2 {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    background-color: rgb(0, 109, 128);
    transition: background-color 0.3s, color 0.3s;
}

.nav-link:hover {
    color: #3148E0 !important;
}

#server-info{
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}

/*
* Media query no padão de responsividade do Bootstrap 5.2
*/

/* xs */
@media(max-width: 576px) {
    .flag {
        width: 20px;
    }

    .section-info2 {
        height: auto;
    }

    #section-home1 {
        height: 70vh;
    }

    #navbar{
        background: none !important;
    }
    #sanduiche{
        background-color: rgb(0, 109, 128);
    }
}

/* sm */

@media only screen and (min-width: 577px) and (max-width: 768px) {
    .flag {
        width: 25px;
    }

    #section-home1 {
        height: 60vh;
    }

   

}

/* md */
@media only screen and (min-width: 769px) and (max-width: 992px) {
    #section-home1 {
        height: 60vh;
    }

}

/* lg */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    #section-home1 {
        height: 70vh;
    }
}

/* xl */
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    #section-home1 {
        height: 80vh;
    }
}

/* xxl */
@media only screen and (min-width: 1400px) {
    #section-home1 {
        height: 80vh;
    }
}