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

.navbar{
    background-image: url(img/nav1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 50px ;
}

.navbar .btn{
    padding: 5px 15px;
    background-image: url(img/b1.jpg);
    background-position: center;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    color: #000;
}
.header{
    background-image: url(img/back-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   padding-bottom:10%;
}
.content{
    margin-top: 15%;   
}
.form1{
    background: rgb(228, 202, 240);
    border-top: 3px solid #f8a100;
    border-right: 3px solid #f8a100;
    border-bottom: 3px solid #f8a100;
    border-left: 3px solid #f8a100;
    border-radius: 50px;
}
#services .join{
    background-image: url(img/b1.jpg);
    background-position: center;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);

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

}
.join .btn{
    background-image: url(img/nav1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000; 
  
}

span{
   
    color: #f8a100
}
.download .btn{
    background-image: url(img/nav1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000; 
}

.footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/footerpng.webp);
}
.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:yellow;
        text-align: center;
        border-radius: 1rem;
      }
    
}