*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: sans-serif !important;
}
.navbar{
    background-image: url(img/nav.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.navbar .btn{
    padding: 10px 25px;
    background-image: url(img/btn.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.header{
    background-image: url(img/background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom:10%;
  

}
.content{
    padding-top: 10%;
    color: #fff;
}

.form1{
    background-image: url(img/frbg.jpg);
    background-position: center;
    background-size: 450% 450%;
    background-repeat: no-repeat;
    
}
.form1 label{
    color: #fff;
}
.form1 .btn{
    background-image: url(img/btn.png);
    background-position: center;
    background-size: 450% 450%;
    background-repeat: no-repeat;
}

   
     .bg-1{
      
        padding: 20px 25px;
        font-size: 15px;
        background-image: linear-gradient(45deg, rgb(201, 23, 218),red);
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        margin: 20px 0px;
        margin-top: 10%;
        color: #000;
       
        
    
    }
    .bg-2{
      
        padding: 20px 25px;
        font-size: 15px;
        background-image: linear-gradient(45deg, rgb(230, 97, 115),rgb(255, 136, 0));
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        margin: 20px 0px;
        margin-top: 10%;
       color: #000;
    }
     .bg-3{
      
        padding: 20px 25px;
        font-size: 15px;
        background-image: linear-gradient(45deg, rgb(241, 13, 241),rgb(124, 102, 219));
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        margin: 10px 0px;
        margin-left: -15%;
        color: #000;   
    }
     .bg-4{
        text-decoration: none;
        padding: 20px 40px;
        font-size: 15px;
        background-image: linear-gradient(45deg, rgb(128, 231, 114),rgb(119, 204, 238));
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        margin: 10px 0px;
        color: #000;
      
    }
    .bg-5{
        text-decoration: none;
        padding: 20px 40px;
        font-size: 15px;
        background-image: linear-gradient(45deg, rgb(168, 233, 15),rgb(30, 226, 233));
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        margin: 10px 0px;
        margin-left: 10%;
       color: #000;
    
    }
 

    span{
   
        color: #df9ef5;
    }
    .download .btn{
       
        background-image: linear-gradient( 45deg,#7810c2,rgb(238, 225, 225));
    
    }
    
    .footer{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(img/fh.png);
    }
    .footer p{
        color: #000;
    }
    .footer h1{
        color: #fff;
    }
    .footer .btn{
        color: #000;
    }
    .footer a{
        color: #fff;
    }
    .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(165, 58, 236),rgb(238, 225, 225));  
            text-align: center;
            border-radius: 1rem;
          }
          .bg-3{
      
           margin-left: 1%;
        }
    }