body{
    /*background-repeat: no-repeat;*/
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.navbar{
    background-color: rgb(2, 2, 89);
    display: flex;
    color: white;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 5px;
    position: sticky;
    top:0;
}
.navbar>h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
}
.navitems{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: 40%;
    align-content: center;
    padding: 5px;
    font-weight: 600;
    font-size: 20px;
}
a{
    text-decoration: none;
    color: white;
}

.hero{
    text-align: center;
    background-image: url(images/bg.jpg);
    height: 100vh;
    display: grid;
    place-items: center;
    background-size: cover;
    background-position: relative;
    position: relative;
}
.hero>h1{
    font-size: 150px;
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.hero>h3{
    font-size: 30px;
    color: white;
}
.hero>h4{
    font-size: 20px;
    color: white;
}

.sidehero{
    background-color:  rgb(2, 2, 89);
    width:100%;
    color:white;
    text-align: center;
    padding: 5px;
    height:500px;
    z-index: 5;
    scroll-behavior: smooth;
    scroll-margin: 50px;
}
.sidehero>h3{
    font-size: xx-large;
}
.sidehero>button{
    color: white;
    background-color: rgb(209, 112, 2);
    padding: 5px;
    font-size: larger;
}
.sidehero>button:hover{
    background-color: rgb(210, 143, 48);
    cursor: pointer;
}
.sidehero>p{
    padding: 0px 100px;
}

.images{
z-index: 10;
display: flex;
width:90%;
margin: auto;
margin-top: -200px;
}

.laptop{
    z-index: 5;
    margin-right: -90px;
}
.phone{
    z-index: 10;
    margin-left: -150px;
    margin-top: 300px;
}

.videosec{
    margin-top: 100px;
    scroll-behavior: smooth;
    scroll-margin: 50px;
}

.video{
    display:grid;
    width: 100%;
    height: auto;    
    z-index: 5;
    
}
.videocon{
    z-index: 10;
    color: white;
    text-align: center;
    margin-top: -350px;
}

.giftcard{
    margin-top: 300px;
    display: flex;
    font-size: 20px;
    text-align: center;
    scroll-behavior: smooth;
    scroll-margin: 50px;
}

.giftcon{
    margin-top: 100px;
}

.redeem{
    color: white;
    background-color: rgb(209, 112, 2);
    padding: 5px;
    font-size: large;
}
.redeem:hover{
    background-color: rgb(210, 143, 48);
    cursor: pointer;
}

.footsec{
    background-color: rgb(2,2,89);
    color:white;
    padding: 4px;
    display: flex;
    justify-content: space-between;
    font-size: large;
}
.Orange{
    padding:4px;
    list-style-type: none;
}
.headlist{
    font-weight: bold;
    font-size: larger;
}
.cp{
    background-color: rgba(68, 68, 147, 0.413);
    text-align: center;
    font-size: large;
}