body{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,244,255,1) 59%, rgba(140,236,255,1) 100%);
    min-height: 100vh;
    overflow-x: hidden;
    }
    
    .logo{
        text-align: center;
        padding:0 30%;
        -webkit-border-top-left-radius: 35px;
        -webkit-border-top-right-radius: 35px;
        -moz-border-radius-topleft: 35px;
        -moz-border-radius-topright: 35px;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,244,255,1) 59%, rgba(140,236,255,1) 100%);
    }
    
    .logo img{
        width:65%;
        padding: 5% 0 0 0;
    }
    
    .logo h4{
        font-size: 17px;
        color: #858585;
    }
    
    .logo h5{
        font-size: 15px;
        color: #000;
        padding-top: 15px;
    }
    
    .logo input[type="text"]{
        width:100%;
        margin: 3% 0;
    }
    
    .logo input[type="number"]{
        width:100%;
        margin: 3% 0;
    }
    
    .logo input[type="checkbox"]{
        height: 25px;
        width: 25px;
        margin-top: 10px;
        position: relative;
        top: 7px;
    }
    
    .logo select{
        width:100%;
        margin: 3% 0;
    }

    .top_curve{
       background-color: #f5dcb4;
    }
    
    .tnc{
        font-size: 12px;
        padding:5%
    }
    
    .logo p{
        padding:5% 3%;
        color: #717171;
    }
    
    #download_app{
        background: #004b87;
        color: #fff;
        padding: 4%;
        width: 55%;
        font-size: 18px;
        border:none;
        border-radius: 5px;
    }
    
    #vid{
        margin:0 2%;
        width:96%
    }
    
    .footer{
        padding:3%;
        
    }
    .footer ul{
        padding:0;
        margin:0;
        background: #aaa;
    }
    
    .footer ul li{
       
        padding:3%;
        list-style: none;
    }
    
    .footer a{
        color:#000
    }
    
    .bottom{
        width:100%;
    }
    
    #carouselExampleSlidesOnly{
        width:30%;
        margin:0 auto
    }
    
    #upgdrade_prime_table{
        width:90%;
        margin:0 auto;
        border-collapse: collapse;
    }
    
    #upgdrade_prime_table td{
        border:1px solid #333;
        padding:5px;
        text-align: left;
    }
    @media only screen and (max-width: 600px) {
        .logo{
            padding:0 0%;
        }
    
        #carouselExampleSlidesOnly{
            width:100%;
            margin:0 auto
        }
    
        .logo input[type="text"]{
            width:80%;
            height:45px;
            margin: 3% 10%;
        }
    
        .logo input[type="number"]{
            width:80%;
            height:45px;
            margin: 3% 10%;
        }
        
        .logo select{
            width:80%;
            height:45px;
            margin: 3% 10%;
        }
    
        .bottom{
            width:100%;
            background: #aaa;
        }
    }