*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

:root{
    --homeBackground: #D5E4F8;
    --orange: #FF6600;
    --blue:#006299;
    --text:#002133;
    --textHome2:#1A1A1A;
    --orangeHover: #de5900;
}


body{
    background-color: rgb(255, 255, 255);
    font-family: Rubik;
    
}

h1{
    font-weight: 700;
}

/* --------------------------------------------HOME------------------------------------------------------- */


.my-custom-margin {
    padding-right: 5rem;
    padding-left: 5rem;
}





#home{
    z-index: -1;
    background-image: url(./assets/backgroundW12.svg);
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 0%, 100% 0%, 100% 81%, 0% 100%);
    background-position:center;
    background-position: 0 10vh;
    height: 95vh;
}


#home img{
    display: none;
}

#home .container{
    height: 100vh;
}

#home .row {
    height: inherit;
}

#home h1{
    color: var(--text);
    font-size: 63px;
    line-height: 65px;
    letter-spacing: 0.22410506010055542px;
}

#home p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text);
}

#home2 .col{
    z-index: 1;
}

#home2 .container{
    height: 100vh;

}



#home2 #form{
    margin-top: -10rem;
    width: 606px;
    height: 698px;
    background: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    border-radius: 24px;
}

#home2 #infoForm{
    height: auto; 
    margin: 2rem
}

@media (max-width: 991px) {

    #home{
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        background: var(--homeBackground);
        padding-top: 2rem;
        height: auto;
    }
    .my-custom-margin {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    
    #home h1{
        font-size: 43px;
        line-height: 45px;
        letter-spacing: 0.22410506010055542px;
    }
    #home img{
        display: block;
        width: 100%;
        margin-top: 1vh;

    }
    #home2 .container{
        height: auto;
        margin-bottom: 20rem;
    
    }
    #home2 #form{
        height: 960px;
        width: 300px;
        
    }

    #home2 #infoForm{
        height: auto; 
        margin: 2rem 0px  2rem 0px
    }
    
    #home2 #form textarea{
        width: 247px;
        height: 129px;
        background: #F7F7F7;
        border: 1px solid #E6E6E6;
        border-radius: 4px;
    }

    #home2 #form #sendButton #enviarBtn{
        text-align: center;
    }


}



#home2 #form h2{
    color: var(--textHome2);
    font-weight: 700;
    font-size: 24px;

}

#home2 #form p{
    color: var(--text);
    font-weight: 700;
    font-size: 18px;
    width: auto;

}


#home2 form input{
    width: 247px;
    height: 36px;
    left: 438px;
    top: 851px;
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

#home2 form label{
    font-weight: 500;
    font-size: 14px;
}

#home2 form textarea{
    width: 100%;
    height: 129px;
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

#home2 form .enviar{
    width: 247px;
    height: 45px;
    color: white;
    background: var(--orange);
    box-shadow: 0px 90.2394px 72.1915px rgba(0, 0, 0, 0.07), 0px 37.6999px 30.1599px rgba(0, 0, 0, 0.0503198), 0px 20.1562px 16.1249px rgba(0, 0, 0, 0.0417275), 0px 11.2994px 9.0395px rgba(0, 0, 0, 0.035), 0px 6.00101px 4.80081px rgba(0, 0, 0, 0.0282725), 0px 2.49716px 1.99772px rgba(0, 0, 0, 0.0196802);
    border-radius: 7.21915px;
    border: none;
}

#home2 form #sendButton{
    text-align: end;
}

#home2 form ::placeholder{
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    padding-left: 10px;
    color: #737373;
}

#form .marginForm{
    padding-right: 2rem;
    padding-left: 2rem;
}
#enviarBtn {
    width: 247px;
    padding: 16px 90px;
    height: 45px;
    color: white;
    background: var(--orange);
    box-shadow: 0px 90.2394px 72.1915px rgba(0, 0, 0, 0.07), 0px 37.6999px 30.1599px rgba(0, 0, 0, 0.0503198), 0px 20.1562px 16.1249px rgba(0, 0, 0, 0.0417275), 0px 11.2994px 9.0395px rgba(0, 0, 0, 0.035), 0px 6.00101px 4.80081px rgba(0, 0, 0, 0.0282725), 0px 2.49716px 1.99772px rgba(0, 0, 0, 0.0196802);
    border-radius: 7.21915px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}