*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}   
.navbar{
    background-image: linear-gradient( 45deg,#066823,rgb(143, 236, 156));
    border-radius: 20px;
    
  
}
.navbar .gap-3 a{
    color: aliceblue;
}
.content{
    padding-top: 10%;
}

.form1{
    background: #8af6ab;
    border-radius: 10px 100px / 60px
}
#services .join{
    background: rgb(151, 236, 171);
    border-radius: 100px/100px;

}
#services i{
   font-size: 50px;

}
.join .btn{
    background: rgb(10, 110, 57);
    color: aliceblue; 
  
}

span{
   
    color: rgb(166, 246, 169);
}
.download .btn{
    background-image: linear-gradient( 45deg,rgb(20, 87, 67),white); 
}

.footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/footer.jpg);
}
.footer p{
    color: #000;
}
.footer h1{
    color: #000;
}
.footer .btn{
    color: #000;
}
.footer a{
    /*font-size: 30px;*/
    color: #000;
}
.footer-mob{
    display: none;
}


@media only screen and (max-width: 768px){
    body{
        margin-bottom: 4rem;
    }
    
    .header{
        height: unset !important;
    }
    .mob-hide-nav{
        display: none;
      }
    .download{
        text-align: center;
    }
      .footer-mob {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-image: linear-gradient( 45deg,rgb(24, 75, 28),rgb(238, 225, 225));  
        text-align: center;
        border-radius: 1rem;
      }
    
}