* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica", "Neue";
}
#nav {
    height: 44px;
    background-color: #181818;
}
ul {
    height: 100%;
    display: flex;
    color: white;
    gap: 30px;
    list-style: none;
    justify-content: center;
    align-items: center;
}
#logo {
    height: 22px;
    width: 22px;
}
.btn {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}
.btn1 {
    height: 44px;
    width: 130px;
    background-color: #0071e3;
    border-radius: 50px;
    border: none;
    color: white;
    cursor: pointer;
}
.learn {
    height: 44px;
    width: 130px;
    background-color: #0071e3;
    border-radius: 50px;
    border: none;
    color: white;
    cursor: pointer;
}
.buy {
    width: 74px;
    background-color: transparent;
    border: 1px solid #0071e3;
    color: #0071e3;
    border-radius: 25px;
    cursor: pointer;
}
.buy:hover {
    background-color: #0071e3;
    color: white;
}
.apply{
    width: 74px;
    background-color: transparent;
    border: 1px solid #0071e3;
    color: #0071e3;
    border-radius: 25px;
    cursor: pointer;
}
.apply:hover {
    background-color: #0071e3;
    color: white;
}

.image {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heading2 {
    padding-top: 50px;
    text-align: center;
}
.para{
    width:50%;text-align: center;margin: 10px auto;
}
.para2 {
    width: 21%;
    margin: 10px auto;
    text-align: center;
}


#hero {
    height: 650px;
    background-image: url("./images/hero2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ctn {
    color: white;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    /* align-items: center; */
    padding: 50px 0px;
}
#hero2 {
    height: 650px;
    background-image: url("./images/hero3.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 20px;
}
#hero3 {
    height: 650px;
    background-image: url("./images/hero\ macbook\ promo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 20px;
}

#section1 {
    display: flex;
    padding: 8px;
    gap: 8px;
}
#section-box1 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#section-box2 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo_ipad_pro.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#section2 {
    display: flex;
    padding: 8px;
    gap: 8px;
}
#section-box3 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo_airpodspro_3__f6xmza7bglei_large.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#section-box4 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo_macbook_air__fqowrtnxewqe_large.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#section3 {
    display: flex;
    padding: 8px;
    gap: 8px;
}
#section-box5 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo_iphone_tradein__bugw15ka691e_large.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#section-box6 {
    height: 580px;
    width: 50%;
    background-image: url("./images/promo_apple_card__5cm7draujpey_large.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}