* {
    scroll-behavior: smooth;
}
#svg {
    color: #cbcbcc;
}
::-webkit-scrollbar {
    display: none;
}
body {
    overflow-x: hidden;
    width: 100vw;
    height: 100vh;
    /*font-family: Roboto, sans-serif;*/
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
nav {
    background: rgb(47, 46, 46, 0.97);
    border-radius: 0px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -45px;
    position: fixed;
    width: 100%;
    height: 48px;
    backdrop-filter: blur;
    z-index: 1;
}
a:hover {
   color: rgb(231, 231, 231);
}
div>p>a:hover {
    color:#0077e7;
    cursor: pointer;
    text-decoration: underline;
    letter-spacing: inherit;
}
div>a:hover {
    color:#0077e7;
    cursor: pointer;
    text-decoration: underline;
    letter-spacing: inherit;
}
div>.buy:hover {
    color:#0077e7;
    cursor: pointer;
    text-decoration: underline;
    letter-spacing: inherit;
}
img {
    border-radius: 30px;
}
h1 {
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: rgb(219, 255, 252);
    margin-right: 75px;
  }
  h2 {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: rgb(219, 255, 252);
    margin-right: 75px;
  }
 h3 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: rgb(158, 14, 14);
  }
ul {
    list-style-type: none;
    overflow:hidden;
  }
li{
    display:inline-block;
    }
    li > a {
        color: inherit;
        text-decoration: none;
    }
#navbar {
        letter-spacing: 0.05em;
        font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #cbcbcc;
        z-index: 1;
        display: inline-block;
        background: no-repeat;
        text-decoration: none;
        white-space: nowrap;
        margin: auto;
        text-align: center;
        position: fixed;
        width: 1450px;
}
nav ul li {
    padding : 0 10px 0 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 8px;
    margin-right: 8px;
    }
.navlogo {
        display: inline-block;
        margin-left: 280px;
        }
.nav-logo1 {
    display: inline-block;
    white-space: nowrap;
    margin: auto;
    text-align: center;
    position: absolute;
    width: 15px;
    cursor: pointer;
    margin-top: 0px;
    height: 18px;
}
.navsearch {
    display: inline-block;
    margin-right: 30px;
    margin-left: 1200px;
    margin-top: 3px;
    cursor: pointer;
}
.nav-search1 {
    height: 20px;
    width: 20px;
}
.navcart {
    display: inline-block;
    margin-left: 0px;
    margin-top: 4px;
    cursor: pointer;
}
.nav-cart1 {
    heigth: 20px;
    width: 20px;
}
.searchandcart {
    margin-top: -5px;
}
.first-section {
    position: auto;
    text-align: center;
    background-color: rgb(255, 255, 255);
}
.second-section {
    position: auto;
    text-align: center;
    background-color: rgb(3, 5, 43);
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 600px;
}
.third-section {
    position: auto;
    text-align: center;
    background-color: rgb(0, 0, 0);
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    padding-top: 1px;
}
div>p>a {
    margin-right: 150px;
}
.learn-more1 {
    text-align: left;
    margin-left: 600px;
    position: center;
    top: 253px;
    font-size: 23px;
}
.learn-more11 {
    color: #0077e7;
    text-decoration: none;
    pointer-events: all;
}
.buy {
    text-align: right;
    position: center;
    margin-top: -49px;
    font-size: 23px; 
}
.buy11 {
    color: #0077e7;
    text-decoration: none;
    margin-right: 150px;
}
.apply-now {
    text-decoration: none;
}
.learn-more2 {
    text-decoration: none;
}
.shop-the-gift-guide {
    text-decoration: none;
    font-size: 30px;
    color: #2997ff;
    margin-right: 90px;
}
.iPhone-14 {
    color: black
}
.big-and-bigger {
    color: black;
}
.first-section-image {
   width: 550px;
   height: 400px;
   margin-bottom: 8px;
   margin-right: 85px;
}
.second-section-image {
    width: 300px;
    height: 300px;
    position: center;
    margin-top: 10px;
    margin-right: 85px;
}
.third-section-image {
    width: 450px;
    height: 350px;
    margin-top: 80px;
    margin-right: 85px;
}
.iPhone-14 {
    padding-top: 50px;
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.big-and-bigger {
    margin-top: -40px;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.give-wow {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.footer {
    width: 100%;
    /*margin-bottom: 20px;
    margin-left: -50px;*/
    padding: auto;
    background-color: #cdcdcd;
}
.footer-text1 {
    padding-left: 300px;
    padding-right: 300px;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.footer-text2 {
    padding-left: 300px;
    padding-right: 300px;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.footer-text3 {
    padding-left: 300px;
    padding-right: 300px;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.footer-text4 {
    padding-left: 300px;
    padding-right: 300px;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.footer-link {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: black;
}
.watch {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-right: 80px;
    position: center;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-size: 40px;
}
.series-8 {
    margin-top: 0px;
    margin-right: 80px;
    position: center;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    letter-spacing: 0.2em;
}
.A-healthy-leap-ahead {
    margin-top: -15px;
    position: center;
    font-family: font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-size: 25px;
    letter-spacing: inherit;
    margin-right: 75px;
}
.apple-logo-third-section {
    height: 40px;
    width: 40px;
    display: inline-block;
    white-space: nowrap;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -160px;
    text-align: center;
    position: absolute;
}
.apply-now {
    text-align: center;
    margin-right: -90px;
    position: center;
    margin-top: -43px;
    left: 0px;
    font-size: 30px;
    color: #2997ff;
    margin-right: 0px;
}
.learn-more2 {
    text-align: center;
    position: center;
    top: 0px;
    font-size: 30px;
    color: #2997ff;
    margin-left: 85px;
}
.apply-now1-and-learn-more2 {
    margin-right: 160px;
}
@media (min-width: 320px) {
    p {
        font-size: 30px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
    .learn-more11 {
        margin-left: -300px;
        
    }
    .buy {
        margin-top: -95px;
        margin-right: 300px;
        margin-left: -350px;  
    }
    .first-section {
        margin-right: -85px;
    }
    .second-section {
        margin-right: -85px;
    }
    .third-section {
        margin-right: -85px;
    }
    .footer {
        margin-left: 40px;
        background-color: #cdcdcd;
        display: block;
        text-align: justify;
    }
}

@media only screen and (min-width: 1440px) {
    p {
        display: inline-block;
        margin-left: 260px;
        margin-right: 210px;
    }
}
    

@media (min-width: 2560px) {
    p {
        display: inline-block;
        margin-left: 790px;
        margin-right: 790px;
    }
}

@media (max-width: 320px) {
    .apply-now1-and-learn-more2 {
        display: inline-block;
    }
}

 @media only screen and (min-width: 320px) {
    nav ul li {
        display: inline-block;
        padding : 0px 10px 0px 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -200px;
    margin-right: 200px;
    }
    .navlogo {
        display: inline-block;
        margin-left: 150px;
    }
    .navsearch {
        display: inline-block;
        margin-right: 30px;
        margin-left: 970px;
        margin-top: 3px;
        cursor: pointer;
    }

    @media only screen and (min-width: 1024px) {
        nav ul li {
            display: inline-block;
            padding : 0px 10px 0px 10px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: -200px;
        margin-right: 200px;
        }
        .navlogo {
            display: inline-block;
            margin-left: 150px;
        }
        .navsearch {
            display: inline-block;
            margin-right: 30px;
            margin-left: 970px;
            margin-top: 3px;
            cursor: pointer;
        }
        .learn-more1 {
            margin-left: 680px;
        }
    }
    
    @media only screen and (min-width: 1440px) {
        nav ul li {
            padding : 0 10px 0 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 8px;
    margin-right: 8px;
        }
        .navlogo {
            display: inline-block;
            margin-left: 280px;
            }
    .nav-logo1 {
        display: inline-block;
        white-space: nowrap;
        margin: auto;
        text-align: center;
        position: absolute;
        width: 15px;
        cursor: pointer;
        margin-top: 0px;
        height: 18px;
    }
    .navsearch {
        display: inline-block;
        margin-right: 30px;
        margin-left: 1200px;
        margin-top: 3px;
        cursor: pointer;
    }
    .nav-search1 {
        height: 20px;
        width: 20px;
    }
    .navcart {
        display: inline-block;
        margin-left: 0px;
        margin-top: 4px;
        cursor: pointer;
    }
    .nav-cart1 {
        heigth: 20px;
        width: 20px;
    }
    .searchandcart {
        margin-top: -5px;
    }
    p {
        margin-left: 220px;
        margin-right: 220px;
    }
}

    @media only screen and (min-width: 1536px) {
        p {
            margin-right: 260px;
            margin-left: 260px;
        }
    }

    @media only screen and (min-width: 2056px) {
        nav ul li {
            padding : 0 10px 0 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 300px;
    margin-right: -300px;
        }
        ul {
            padding-left: 300px;
        }
        .navlogo {
            display: inline-block;
            margin-left: 900px;
        }
        .navsearch {
            display: inline-block;
            margin-right: 30px;
            margin-left: 1800px;
            margin-top: 3px;
            cursor: pointer;
        }
        p {
           
            margin-right: 740px;
            margin-left: 740px;
        }
    }