body {
    background: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 20px 20px 0;
    text-align: center;
    min-height: 100vh;
    
}

.home{
    padding-left: 20px;
    max-width: 1240px;
    margin: 0 auto;
}
.home_solucoes{
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    color: #2f3139;
    font-weight: lighter;
    padding: 15px;
    
}
.home_solucoes p{
    margin:15px;
    text-align: left;
}
.home_symbol{
    position: relative;
}
.home_symbol_img{
    width: 100%;
}
.home_symbol_img:hover{
    filter: drop-shadow(1px 1px 1px #111)
}
.button_symbol{
    width: 40%;
    text-decoration: none;
}
.button_symbol p{
    font-family: 'Roboto', sans-serif;
    width:30%;
    text-align: center;
    color: #2f3139;
    font-size: 1rem;
    position: absolute;
    top:35%;
    left: 22%;
}

.ind_arrow{
    transform: rotateZ(180deg);
    width: 25px;
    position: absolute;
    left: 40%;
    opacity: 0;
    bottom: -40%;
}
.button_symbol:hover .ind_arrow{
    opacity: 1;
}
.button_symbol:hover p{
    color:#63130d;
    font-weight: 700;
}
.button-whatsapp{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    margin: 15px;
    
}
.button-whatsapp_img{
    width: 45px

}

.button-whatsapp:hover .button-whatsapp_img{
    /* background-color: #3f0b0b; */
    /* width:300px */
    /* border-radius: 30px; */
    filter: drop-shadow(1px 1px 1px #63130d)
    brightness(3)
    saturate(205%)
    /* filter: saturate(205%); */

}

@media screen and (min-width:480px) {
   
    .home_solucoes{
        font-size: 2.5rem;
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap;
        margin: 20px 0;
    }
    .home_solucoes p{
        margin:0 15px;
        text-align: left;
    }
    .home_symbol{
        position: relative;
    }
    
  
    .button_symbol p{
        font-size: 1.3rem;
        max-width: 230px;
        top:40%;
    left: 22%;
    }}
    @media screen and (min-width:645px){
        .button_symbol p{
            font-size: 1.5rem;
            /* width: 50%; */
            max-width: 230px;
            top:45%;
        left: 22%;
        }
    }
@media screen and (min-width:768px) {
   
    .home_solucoes{
        font-size: 2.5rem;
        
    }
    .home_solucoes p{
        margin:0 15px;
        text-align: left;
    }
    .home_symbol{
        position: relative;
    }
   }
@media screen and (min-width:900px) {
 
    .home section{
        position: relative;
    }
    .home{
        margin-top: 5% 
    }
    .home_solucoes{
        font-size: 2.36em;
        
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap;
        width:500px;
        z-index:1;
    }
    .home_solucoes p{
        margin: 0;
        text-align: left;
    }
    .home_button{
        width:50%;
    }
    .home section{
        display:flex
    }
    .home_symbol{
        position: relative;
        width: 100%;
        float: right
    }
    .home_symbol_img{
        max-width: 700px;
    }
    
    .button_symbol p{
        font-size: 1.1rem;
        top: 40%
        
    }}
    @media screen and (min-width:974px) {
        .home_solucoes{
            font-size:2.50rem;
        }}

@media screen and (min-width:1020px) {
    
    .home{
        margin-top: 5% 
    }
    .home_solucoes{
        font-size: 2.4rem;
        padding-left: 10px;
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap;
        width:500px;
        z-index:1;
        position: absolute;
        top:5%
    }
    .home_solucoes p{
        margin: 0;
        text-align: left;
    }
    .home_button{
        width:100%;
    }
   
    
    .home section{
        display:flex
    }
    .home_symbol{
        position: relative;
        width: 60%;
        float: right
    }
    .home_symbol_img{
        max-width: 710px;
    }
    
    .button_symbol p{
        font-size: 1.3rem;
        top:45%
    }}   

    @media screen and (min-width:1165px) {
        .home_solucoes{
          
            top:10%
        }}

.swal-title, .swal-text{
    font-family: 'Roboto', sans-serif !important;
}
.swal-button{
    background-color: #9097a9 !important;
}
.swal-button:hover{
    background-color: #787c87 !important;
}

i{
    font-style: italic !important;
}

b{
    font-weight: bold !important;
}