* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#navbar {
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    background-color: rgb(24, 24, 24);
    color: rgb(209, 209, 209);
    
}

#navbar li {
    list-style: none;

}

#section1 {
    height: 650px;
    width: 100vw;
    background-image: url(./Assets/image.jpg1);
    /* background-repeat: no-repeat; */
    background-size: 90%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin-bottom: 15px;
    gap: 10px;
    background-repeat: no-repeat;
}
#section2 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/image.jpg2);
    /* background-repeat: no-repeat; */
    background-size: 90%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    background-color: #f3f3f7;
    padding-top: 40px;
    margin-bottom:15px ;
    background-repeat: no-repeat;
    
}
#section1 button{
    height: 40px;
    width: 120px;
    border-radius: 55px;


}
.btnblue {
    margin-top: 10px;
    display: inline-block;
    border-radius: 55px;
    font-weight: 300;
    text-align: center;
    padding: 2px;
    height: 40px;
    width: 120px;
    background-color: #0071e3;
    cursor: pointer;
}
.btn {
    display: inline-block;
    border-radius: 55px;
    font-weight: 300;
    text-align: center;
    padding: 2px;
    height: 40px;
    width: 120px;
    border-color: #0071e3 ;

}
.btn:hover {
    background-color: #0071e3 ;

}
#section3 {
    height: 750px;
    width: 100vw;
    background-image: url(/Assets/airpod.jpg);
    /* background-repeat: no-repeat; */
    background-size: 90%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    background-color: #f3f3f7;
    padding-top: 40px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    


}
#Maindiv1{
    display: flex;
    margin-bottom: 15px;
}
#section4card1 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/applegiftcard.jpg);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    background-repeat: no-repeat;

    
}
#section4card2 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/airipad.jpg);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    margin-left: 30px;
}
#Maindiv2 {
    display: flex;
    margin-bottom: 15px;
}
#section5card1 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/image.jpg8);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    background-repeat: no-repeat;
}
#section5card2 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/image.jpg9);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    margin-left: 30px;
    background-repeat: no-repeat;

}
#Maindiv3 {
    display: flex;
    margin-bottom: 15px;
}
#section6card1 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/image.jpg12);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    background-repeat: no-repeat;
}
#section6card2 {
    height: 650px;
    width: 100vw;
    background-image: url(/Assets/image.jpg13);
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 8px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-color: #f3f3f7;
    padding-top: 40px;
    margin-left: 30px;
    
}
/* slide image */

#appleslider{
    height: 250px;
    width:100%;
    text-align: center;
    font-weight:20px ;
    background-image: url("Assets/apple-slider-imgs.png");
    background-size: cover;
    margin-bottom:15px;
}
/* footer */
#footer {
    margin: 8px 70px ;
    padding-bottom:6px ;
    font-size:0.70rem;
    color:#d3d3d7;
    background-color: black;

}
/* footer Iints */
.footer-lists{
    color: #f5f5f7;
    background-color: black;
    padding:8px 70px;
    display: flex;
    justify-content: space-evenly;
}
.footer-last-lists a{
    color: #f5f5f7;
    background-color: black;
    font-weight: 700;
    text-decoration:none;
    font-size: 0.85rem;
    padding: 10px 0px;
    margin: 20px 0px ; 
}
.footer-last-lists li{
    font-size: 0.70rem;
    padding: 6px 0px;
    color:#69696a;
    list-style-type: none;
    cursor:pointer;
}
.footer-last-lists li:hover{
    text-decoration: underline;
}
.contect-apple{
    background-color: #f3f3f7;
    /* padding:0px 70px; */
}
.contect-info{
    background-color: #f5f5f7;
  color: #4c4c4d;
  font-size: 0.80rem;
  padding: 18px 0px 20px 140px;
}
.contect-info a{
    color:#0071e3;
    cursor:pointer;
}
.footer-copyright{
    background-color: #f3f3f7;
    color: #69696a;
    padding: 15px 140px;
    display:flex;
    justify-content: space-evenly;
    font-size: 0.70rem;
}
.Developer{
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
}

hr{
    border:none;
    margin: 10px 140px 0px 140px;
    border:1px solid #d3d3d7;  
}