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

}
#container-fluid{
    /* margin: 0 auto; */
    height: auto;
    width: auto;
    /* background-color: black; */
    /* border: 1px solid black; */
}

/* top css start */
#top{
    width: 100%;
    height: 100%;
    display: flex;
    /* background: red; */
    background-image: url('../img/banner.jpg');
    background-size: cover;
}
#top_1{
    width: 100%;
    height: 60%;
    margin-top: 5%;   
    margin-bottom: 5%;
}

.h4{
    color: white;
    margin-left: 4%;
    font-size: 39px
}
.h1{
    color: white;
    margin-left: 4%;
    font-size: 40px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
/* top css end */

/* conclave css start 
.row p{
    position: absolute;
    color: rgb(255, 255, 255);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: cursive;
    font-size: 56px;
}
/* conclave css end */

 /* Bottom css start */
#bottom{
    height: 30%;  
    width: 100%; 
    display: flex;
    background: linear-gradient(to right, #d2a56b, #ee9dbc);
    /* border: 1px solid; */
    /* justify-content: space-between; */
    /* position: fixed; */
    /* bottom: 0; */
    /* padding: 12px 40px; */
 }

 #bottom h2{
    padding-top: 2%;
    margin-left: 2%;
    font-size: 45px;
    font-weight: 600;
    color: black;
 }
 #bottom h6{
    font-size: 20px;
    font-weight: 400;
    margin-left: 2%;
    padding-top: 2%;
    color: black;
 }

/* Bottom css end */ 

/* Our Bussiness Start */
#business p{
    font-size: 40px;
    font-weight: 600;
    color: black;
}
/* Our Bussiness End */

/* Reward Start */
#reward{
    display: flex;
    height: 100%;
    /* border: 1px solid; */
    margin-left: 20px;
    margin-bottom: 40px;
    padding-bottom: 5%;
    background-color: black;
}
#trophy h1{
    color: white;
    margin-left: 4%;
    margin-top: 3%;
    /* margin-bottom: 3%; */

}
#trophy p{
    color: white;
    font-size: 20px;
    margin-left: 4%;
}
/* Reward End */

/* Offers CSS Start */
#offer{
    height: 250px;
    width: 200px;
    float: left;
    margin: 49px;
    /* display: flex; */
    /* border: 1px solid; */
    /* background-color: black; */
    margin-top: 0;
}
/* Offers CSS End */



/* Form CSS Start */
.design{
    margin-top: 30px;
    margin-left: 35px;
}


.design_1{
    margin-top: 21px;
    margin-left: 35px;
}

.design_2
{
    margin-left: 35px;
    margin-top: 20px;
    font-size: 30px;
    color: black;
}
.first{
    height: 50px;
    width: 80%;
    margin-top: 15px;
    margin-left: 30px;
    /* border: 1px solid; */
}
.second{
    height: 50px;
    width: 80%;
    margin-top: 15px;
    margin-left: 30px;
    /* border: 1px solid; */
}
.third{
    height: 50px;
    width: 80%;
    margin-top: 15px;
    margin-left: 30px;
    /* border: 1px solid; */
}
.fourth{
    height: 50px;
    width: 80%;
    margin-top: 15px;
    margin-left: 30px;
    /* border: 1px solid; */
}
.sub
{
    height: 50px;
    width: 80%;
    margin-top: 15px;
    margin-left: 30px;
    /* border: 1px solid; */
    /* background-color: black;    */
}
/* Form CSS End */

/* Footer CSS Start */
/* #footer-1{
    margin-left: 3%;
    height: 50px;
    width: 80%;
} */
/* Footer CSS End */