/* PÁGINA HOME */

/* BANNER */

#home .banner1{
    background-color: #0d2642;
    background-image: url("../img/banner1.jpg");
    width: 100%;
    height: 664px;
}

.carousel-image{
    width: 100%;
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item-text{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    font-size: 30px;
    color: #fff;
}

.carousel-item-text h1{
    font-size: 30px;
    color: #fff;
}

.card{
    border: none;
    height: 100%;
}

.card .card-body{
    padding-left: 0;
}

.card-img-top{
    aspect-ratio: 1/1;
    object-fit: cover;
}

#home .t-banner1{
    color: white;
    margin-left: 750px;
    margin-top: 300px;
}

#home .t-banner2{
    color: white;
    margin-left: 750px;
    margin-top: 20px;

}

/* QUEM SOMOS */

#home .square1{
    height:200px;
    background: #353cb0;
    aspect-ratio: 2/1;
    position:relative;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-image: url("../img/quemsomosimg2.png");
    background-position: center;
    background-size: cover;
}

#home .square2{
    height:200px;
    background: #373a74;
    position: absolute;
    top: 30px;
    left: 30px;
    aspect-ratio: 2/1;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-image: url("../img/quemsomosimg.png");
    background-position: center;
    background-size: cover;
}

#home .q{
    font-size: 40px;
}

/* #home .t-quemsomos{
    margin-top: 30px;
    margin-left: 3rem;

} */

#home .p-quemsomos{
    text-transform: uppercase;
    word-wrap: break-word;
    font-size: 14px;
    
}

#home .btn-about{
    float: right;
    margin-bottom: 60px;

}

/* INSTITUCIONAL */

#home .institucional{
    background-image: url("../img/banner_tampas.png");
    width: 100%;
}

#home .t-institucional{
    color: white;
    margin-top: 100px;
}

#home .img-visao{
    margin-top: 70px;
    float: right;
}

#home .img-missao{
    margin-top: 60px;
    float: right;
}

#home .img-valores{
    margin-top: 60px;
    float: right;
}

#home .p-institucional{
    color: white;
    text-transform: uppercase;
    margin-top: 45px;
    text-align: justify;
}

#home .img3{
    margin-bottom: 100px;
}

/* PRODUTOS */

#home .t-produtos{
    margin-top: 50px;
    margin-bottom: 0px;
}

#home .alca-dois-dedos{
    float: right;
    width: 50%;
}

#home .t-alca-dois-dedos{
    margin-top: 65px;
}

#home .alca-simples{
    float: left;
    width: 50%;
}

#home .t-alca-simples{
    margin-top: 65px;
    float: right;
}

#home .alca-dupla{
    float: right;
    width: 50%;
}

#home .t-alca-dupla{
    margin-top: 65px;
}

#home .btn-vertodos{
    margin-top: 40px;
    margin-bottom: 60px;
}

/* FORMULARIO */

#home .formulario{
    padding-bottom: 30px;
    text-align: center;
}

#home .formulario .form-control{
    background: #F5F5F5;
    box-shadow: 0px 0px 13.1px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
#home .formulario .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
    font-family: poppins;
    font-size: 14px;
}

#home .linha-txts{
    text-align:center;
    margin: 0 auto;
}

#home .col-form{
    text-align:center;
    margin: 0 auto;
}

#home .t-form{

    margin-top: 60px;
}

#home .t-form1{
    margin-bottom: 60px;
}

#home .btn-form{
    margin-top: 30px;
    margin-bottom: 60px;
}

/* RESPONSIVO */

@media (max-width: 768px) {
    #home .banner1{
        display: none;
    }

    /* QUEM SOMOS */

    #home .square1, #home .square2{
        display: none; 
    }

    #home .quemsomos{
        text-align: center;
    }

    #home .t-quemsomos{
        margin-top: 30px;
        margin-left: 0;
        
    }

    #home .p-quemsomos {
        margin-top: 30px;
        margin-left: 0;
        text-transform: uppercase;
        word-wrap: break-word;
    }
    #home .btn-about{
        float: none;
        margin-top: 30px;
    }

    /* INSTITUCIONAL */

    #home .img-missao{
        float: none;
        margin-left:40%;
    }

    #home .img-visao{
        float: none;
        margin-left:40%;
    }

    #home .img-valores{
        float: none;
        margin-left:40%;
        margin-bottom: 30px;
    }

    #home .t-missao,#home .t-visao,#home .t-valores{
        text-align: center;
    }

    #home .p-valores{
        margin-bottom: 100px;
    }

    /* PRODUTOS */

    #home .alca-dupla,#home .alca-simples, #home .alca-dois-dedos{
        float: right;
        width: 50%;
        min-width: 100%;
    }
}