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

   .navbar{
    background: rgb(5, 5, 71);
    border-radius: 50px;
  
}


.header{
    background-image: url(img/background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 120vh;
}
.content{
    padding-top: 10%;
}

.content .bg-1{
    text-decoration: none;
    padding: 10px 45px;
    font-size: 15px;
    background-image: linear-gradient(45deg, white,red);
    border-radius: 50px;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;;
    

}
.content .bg-2{
    text-decoration: none;
    padding: 5px 25px;
    font-size: 15px;
    background-image: linear-gradient(45deg, rgb(230, 97, 115),rgb(255, 136, 0));
    border-radius: 50px;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}
.content .bg-3{
    text-decoration: none;
    padding: 5px 25px;
    font-size: 15px;
    background-image: linear-gradient(45deg, rgb(241, 13, 241),rgb(124, 102, 219));
    border-radius: 50px;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}
.content .bg-4{
    text-decoration: none;
    padding: 5px 45px;
    font-size: 15px;
    background-image: linear-gradient(45deg, rgb(128, 231, 114),rgb(119, 204, 238));
    border-radius: 50px;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}
.content .bg-5{
    text-decoration: none;
    padding: 5px 45px;
    font-size: 15px;
    background-image: linear-gradient(45deg, rgb(168, 233, 15),rgb(30, 226, 233));
    border-radius: 50px;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}
.form1{
    background: rgb(16, 32, 61);
    border-radius: 120px 90px 60px 30px/30px 60px 90px 120px;
}
.form1 label{
    color: aliceblue;
    font-weight: 700;
    

}
.form1 .btn{
    color: aliceblue;

}
.form1 .col-4 p{
    color: aliceblue;
    font-weight: 700;
}

span{
   
    color: rgb(28, 12, 130);
}
.download .btn{
    background-image: linear-gradient( 45deg,rgb(15, 85, 129),white); 
}

.footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/footer.jpg);
}
.footer p{
    color: #faf7f7;
}
.footer h1{
    color: #faf1f1;
}
.footer .btn{
    color: #f6f6f6;
}
.footer a{
    /*font-size: 30px;*/
    color: #fbf0f0;
}
.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(3, 19, 47),rgb(238, 225, 225));  
        text-align: center;
        border-radius: 1rem;
      }
    .search-btn{
        margin-top: 1rem;
    }
    
}