.banner-grid {
    display: flex;
    align-items: center;
    flex : 1;
    justify-content: space-between;
    gap: 1.5rem;
    /* position: sticky; */
    top: 0rem;
    left: 0rem;
    padding: 0 0 0 0;
    box-shadow: 0 0.21rem 0.4rem rgba(0, 0, 0, 0.1);
    background-image: url("/static/images/vendas01.png") ;
    background-blend-mode: darken;
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    
    .banner-grid__item1 {

        /* height: 70rem; */
        flex : 1;
        text-align: center;

        img {
            /* width: 70rem;
            height: 70rem; */
            margin : auto;
            width : 100%;

        }

    }
    
    .banner-grid__ldob {
            display: flex;
            flex-flow: column;
            gap: 2.3rem;
            flex: 1;
        
        .banner-grid__item2 {
            font-size: 3rem;
            color: #eece67ea;
            padding-right: 3rem;
        }

        .banner-grid__item3 {
            padding-right: 3rem;
            color: white;
            font-size: 2.2rem;
        }

        .banner-grid__item4 { 
            text-align: center;
            padding: 0 0 10rem 0 ;

            .btn {
            padding: 1.5rem 1.5rem;
            background-color: #a0b448da;
            border-radius: 0.75rem;
            font-size: 2.2rem;
            
            }
        }    
    


      
    }
    
    }

.banner-servicos {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4rem;
    position: sticky;
    top: 0;
    left: 0;
    background-color: rgb(58, 56, 56);
    padding: 20rem 10rem;


    .banner-servicos__item1 {

        font-size: 2.4rem;
        color: white;
        
        
    }

    .banner-servicos__item2 {
        display: flex;
        flex-flow: row;
        gap: 2rem;
        
        
        .banner-servicos__frm1 {
            width: 30rem;

            .banner-servicos__frm11 img{
                width: 30rem;
                height: 30rem;
                

            }
            
            .banner-servicos__frm12{
                font-size: 1.8rem;
                color: white;
                
            }
        }

    }


    }   

.rodape {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-evenly;
    padding-top: 3rem;
    height: 15rem;
    background-color: rgb(145, 211, 114);

    .rod_col_inf {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

        input {
            padding: 0.5rem 0.5rem;
            border-radius: 0.6rem;
            border: none;
        }

        button {
            padding: 0.7rem 1rem;
            background-color: #a0b448da;
            border-radius: 0.6rem;
            border: none;
            box-shadow: 0 0.21rem 0.4rem rgba(0, 0, 0, 0.1);
        }


    }

    .rod_contato {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

    }

    .rod_redessociais {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

    }
}  

@media all and (max-width: 995px){

    .banner-grid {
        background-image: url("/static/images/vendas01-995x.png") ;
        background-blend-mode: darken;
        background-size: cover;
        background-position: center;
    }

    .banner-servicos {
        display: flex;
        flex-flow: column;
        gap: 4rem;
        background-color: rgb(58, 56, 56);
        align-items: flex-start;
           
    
        .banner-servicos__item1 {
            
            
            color: white;
            padding: 0 0 0 0;
            
        }
    
        .banner-servicos__item2 {
            display: flex;
            flex-flow: column;
            gap: 2rem;
            text-align: left;
                                    
            .banner-servicos__frm1 {
                display: flex;
                flex-flow: row;
                gap: 2rem;
                width: 30rem;
                flex: 1;
                align-items: center;

    
                .banner-servicos__frm11 img{
                    width: 30rem;
                    height: 30rem;
                    flex : 1;
                }
                
                .banner-servicos__frm12{
                    font-size: 2.5rem;
                    color: white;
                    flex:1;

                    p  {
                        width: 40rem;
                    }
                    
                    
                }
            }
    
            }
        }
    
    
        }   
    

@media all and (max-width: 761px){

    .banner-grid {
        background-image: url("/static/images/vendas01-995x.png") ;
        background-blend-mode: darken;
        background-size: cover;
        background-position: center;
    }

    .banner-servicos {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4rem;
        background-color: rgb(58, 56, 56);
        
        .banner-servicos__item1 {
            
            font-size: 2.4rem;
            color: #fafafafb;
            padding: 0 0 0 0;
            
        }
    
        .banner-servicos__item2 {
            display: flex;
            flex-flow: column;
            gap: 2rem;
            align-items: center;
                        
            .banner-servicos__frm1 {
                display: flex;
                flex-flow: column;
                gap: 2rem;
                width: 40rem;
    
    
                .banner-servicos__frm11 img{

                    
                    width: 50rem;
                    height: 50rem;
                }
                
                .banner-servicos__frm12{
                    font-size: 2.5rem;
                    color: white;
                    text-align: center;
                    

                    p  {
                        
                    }
                    
                    
                }
            }
    
            }
        }
    
    
    }   

@media all and (max-width: 570px){
    
    .banner-grid {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        padding: 0 0 0 0;
        box-shadow: 0 0.21rem 0.4rem rgba(0, 0, 0, 0.1);
        background-image: url("/static/images/vendas01.png") ;
        background-blend-mode: darken;
        background-size: cover;
        background-position: center;
        opacity: 0.8;
        text-spacing-trim: 0.5rem;
        
        .banner-grid__item1 {
    
            /* height: 70rem; */
            
            text-align: center;
    
            img {
                /* width: 70rem;
                height: 70rem; */
                margin : auto;
                width : 100%;
    
            }
    
        }
        
        .banner-grid__ldob {
                display: flex;
                flex-flow: column;
                padding: 0 2rem 0 2rem ;
            
            .banner-grid__item2 {
                font-size: 2.8rem;
                color: #eece67ea;
                text-align: center;
                padding: 0 0 0 0 ;
                
            }
        
            .banner-grid__item3 {
                font-size: 2.2rem;
                color: white;
                text-align: center;
                padding: 0 0 0 0 ;
                
            }
        
            .banner-grid__item4 { 
                text-align: center;
                padding: 0 0 10rem 0 ;

                .btn {
                padding: 1.5rem 1.5rem;
                background-color: #a0b448da;
                border-radius: 0.75rem;
                
        
                }
            }   
        }
        
    }

    .banner-servicos {
        display: flex;
        flex-flow: column;
        align-items: center;
        padding: 3rem 0 0 0;
        gap: 2rem;
        background-color: rgb(58, 56, 56);
        
        .banner-servicos__item1 {
            
            font-size: 2.4rem;
            color: #fafafafb;
            padding: 0 0 0 0;
            
        }
    
        .banner-servicos__item2 {
            display: flex;
            flex-flow: column;
            gap: 2rem;
            align-items: center;
                        
            .banner-servicos__frm1 {
                display: flex;
                flex-flow: column;

    
                .banner-servicos__frm11 img{
                    width: 30rem;
                    height: 30rem;

                }
                
                .banner-servicos__frm12{
                    font-size: 2.5rem;
                    color: white;
                    align-content: center;
                    padding: 0 0 3rem 0;


                    p  {
                        width: 30rem;
                    }
                    
                    
                }
            }
    
        }
    }
    
    
}