*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}
.navbar{
    background-image: linear-gradient( 45deg,rgb(144, 27, 212),white);
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
}
.navbar .gap-3{
    /*padding-left: 60%;*/
}
.navbar .btn{
    background: rgb(144, 27, 212);
    color: aliceblue;
}
.header{
    background-image: url(img/bac-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}
.form1{
    background: rgb(187, 122, 225);
    border-radius: 80px 10px 80px;
}
.form1 .btn{
    background: rgb(144, 27, 212);
    color: aliceblue; 
}
.content{
    padding-top: 10%;
}
.content p{
    color: aliceblue;
}
#service p{
    color: black;

}
.join{
    border-radius: 3em/6em;
    background: rgb(202,130,228);
background: linear-gradient(90deg, rgba(202,130,228,1) 20%, rgba(182,158,189,1) 100%);
color: aliceblue;
}
.join .btn{
    background: rgb(144, 27, 212);
    color: aliceblue; 
}
span{
   
    color: blueviolet;
}
.download .btn{
    background-image: linear-gradient( 45deg,rgb(144, 27, 212),white); 
}

.footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/footer.jpg);
}
.footer p{
    color: #fff;
}
.footer h1{
    color: #fff;
}
.footer .btn{
    color: #fff;
}
.footer a{
    /*font-size: 30px;*/
    color: #fff;
}
.footer-mob{
    display: none;
}
#service .col-md-12 hr{
    height: 10px;
    margin-left: 30%;
    margin-right: 30%;
    background: violet;
}

@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(165, 58, 236),rgb(238, 225, 225));  
        text-align: center;
        border-radius: 1rem;
      }
      /* img{
        height: unset !important;
        width: unset !important;
    } */
}