* {    
    margin:  0;
    padding: 0;
}
img  {
    max-width: 100%;}

header{ background-color:#161617;
padding: 10px;
padding: 10px 0;
height: 30px;;

}

nav{ display: flex;
justify-content: center;
align-items: center;}



.nav-link{
    list-style: none;
    display: flex; 
justify-content: space-between;
width: 90%;
padding: 0 100px;}


.nav-link img{
    height: 20px;
}






.nav-link li a{
    color: white;
    text-decoration: none;
    font-size: 14px

}
.center{
    text-align: center;
    color: white;
}
.iphone{ background: url("./apple-image/iphon16pro.jpg");
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.iphone h1{ padding: 10px;
    font-size: 70px;

}
.iphone h2{
     font-size: 30px;
    margin-bottom: 10px; padding-top: 1px;}
    .Learn-more{
        background-color: blue;
        color: white; padding: 5px;
        border-radius: 25px;
        border: none;
        cursor: pointer;
        margin: 5px;
        transition: 0.3s;
    }
    .Learn-more:hover{
        background-color: #0071e3;
    }



    .BUY{ color: blue;
    border:solid 2px;
padding: 5px;
border-radius: 25px;
border: none;
background-color: white;
cursor: pointer;
margin: 5px;
transition: 0.3s;
background: transparent;}
.BUY:hover{
    background-color: #0071e3;
    color: white;
}
.iphone-16{
    background: url("./apple-image/iphone16.jpg");
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-position: center;

}
.iphone-16 h1{
    padding: 30px;
    font-size: 50px;
}
#learn{
    background-color: white;
    color: black;
}
.BUY{
    background: transparent;
    color:blue;
    border: 1px solid white;
}
.watch{
background: url("./apple-image/watch_hero.jpg");
 height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-position: center;
}
.watch img{
max-width: 200px; padding-top: 50px;
}
.classic{
    color: black;
    font-size: 30px;
    margin: 5px;
}
.container{
    display: flex;
    margin: 10px;
    gap: 10px;

}
.container h1{
    font-size: 40px;
}

#ipadpro{
    background-image: url("./apple-image/promo_ipadpro_avail__s271j89g8kii_large_2x.jpg");
}
#inte{background-image: url("./apple-image/promo_macbookpro_announce__gdf98j6tj2ie_large_2x.jpg");

}
.common{
    color: white;
    text-align: center;
    padding: 40px 20px;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 90vh;
}
#WACH{
background-image: url("./apple-image/promo_apple_watch_unity__casvx9ysh1le_large_2x.jpg");
color: white;
}

#WACH img{
background-color: white;
}

#AIR{

    background-image: url("./apple-image/hero_macbook_air_m3__cp4t7pn8zqaa_small_2x.jpg");
    color: black;
}

 

    #trdq{

    background-image: url("./apple-image/promo_iphone_tradein__bugw15ka691e_large_2x\ \(1\).jpg");
    color: black;
}

#card{

    background-image: url("./apple-image/promo_apple_card__5cm7draujpey_large_2x\ \(3\).jpg");
    color: black;
}

   /*footer styling*/
.footer-wraper{
    background-color: gray wheat;
    color:1d1d1f;
    font-style: 65em;
}
.upper-text-container{
    border-bottom:  1px solid #d2d2d7;
 color: #86868b;
 padding: 17px 0 20px;
}
.upper-text-container a {
text-decoration: none;
color: #515154;
} 
.upper-text-container a:hover{
    text-decoration: underline;
}
.footer-links-wrapper{
    display: flex;
-webkit-box-pack: justify;
justify-content: space-between;padding: 20px;
}
.footer-wraper ul {
list-style: none;
padding: bottom 20px; ;
}
.footer-wraper ul li{
    padding: 5px;
    font-size: 0.9em;
}
.footer-links-wrapper a{
    color: #515154;
    text-decoration: none;
}
 .footer-links-wrapper a:hover {
    text-decoration: underline;
 }
 .footer-links-wrapper h3 {
	font-size: 12px;
	font-weight: 600;
}
.my-apple-wrapper {
	border-bottom: 1px solid #d2d2d7;
	padding-bottom: 10px;
	margin-bottom: 10px; 
}
.copyright-wrapper {
	display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 10px 0 20px;
}
.footer-links-terms ul li {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #ccc;
}
.footer-links-terms ul li:last-child {
	border-right: 0px;
}
.footer-links-terms ul li a {
	text-decoration: none;
	color: #515154;
}
.footer-links-terms ul li a:hover {
	text-decoration: underline;
}
.footer-country {
	display: inline-block;
}
.flag-wrapper {
	display: inline-block;
	vertical-align: middle;
}
.footer-country-name{
	display: inline-block;
	vertical-align: top;
}
.main-highlight-wrapper{
    background-color: #fafafa;
    text-align: center;
    padding: 25px 0;

}
.links-wrapper ul{
c9    list-style:none;
}

.model {
	font-size: .85em;
}
.product-title {
	font-weight: 700;
	font-size: 56px;
}
.brief-description {
	font-size: 2em;
}
.links-wrapper {
	padding: 15px 0;
}
.links-wrapper ul li {
	display: inline-block;
	padding-right: 20px;
}
.links-wrapper ul li a {
	color: #06c;
	text-decoration: none;
}
.links-wrapper ul li a:hover {
	color: #dac1c1;
}
.links-wrapper ul li a:after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f105";
  padding-left: 10px;
}/* Second Highlight Section */
.second-hightlight-wrapper {
	background-image:url(../css/images/home/iphone11-pro-bg.jpg);
	height: 580px;
	background-position: center;
	background-repeat: no-repeat;
  background-size: cover;
	text-align: center;
	padding: 65px 20px;
	color: #fff;
}
.title-wraper{
	font-weight:600 ;
	font-size: 56px;
}
.description-wrapper{
	font-size: 26px;
	padding: 10px 0;
}
.price-wrapper
{
	color: #86868b;
	font-size: 0.85em;
}
/*third Highlight Section */
.third-highlight-wrapper { 
	background-image: url(../css/images/home/iphone11-bg.jpg);
	height: 580px;
	background-position: center;
	background-repeat: no-repeat;
  background-size: cover;
	text-align: center;
	padding: 65px 20px;

}

/*Fourth Highlight Section */
.fourth-heghlight-wrapper {
	display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #fff;
}
.left-side-wrapper {
	height: 580px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	width: 48.5%;
	margin: 1% 0.5% 0% 1%; 
	padding-top: 54px;
}
.fourth-heghlight-wrapper .left-side-wrapper {
	background-image:  url(..css/images/home/watch-series-5.jpg"); 
	
}
.right-side-wrapper {
	height: 580px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;	
	width: 48.5%;
	margin: 1% 1% 0% 0.5%; 
	padding-top: 54px;
}
.fourth-heghlight-wrapper .right-side-wrapper{

	background-image:url(..css/images/home/aple-card.jpg)
}
.description-wraper{
	max-width: 430px;
	margin: 0 auto;
	padding: 10px;
}
/*Fivth Highlight Section */
.fifth-heghlight-wrapper {
	display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #fff;
}
.fifth-heghlight-wrapper .left-side-wrapper {
	background-image:  url("..css/images/home/apple-tv-background.jpg"); 
}
.fifth-heghlight-wrapper .right-side-wrapper {
	background-image:  url("..css/images/home/air-pods.jpg"); 
	color: #fff; 
	background-size: initial;
	background-color: #000;
	background-position: bottom;
}
.logo-wrapper {
	font-size: 40px;
	font-weight: bold;
}
.tvshow-logo-wraper {
	padding: 180px 0 200px;
}
.watch-more-wrapper a {
	text-decoration: none;
	font-size: 0.85em;
}
.watch-more-wrapper a:after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f144";
  padding-left: 15px;
}
/*Sixth Highlight Section */
.sixth--wrapper .left-side-wrapper {
	background-image:  url("..css/images/home/macbook-pro.jpg"); 
	background-size: initial;
	background-color: #fafafa;
	background-position: bottom;
}
.sixth-heghlight-heghlight-wrapper {
	display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #fff;
}
.sixth-heghlightwrapper .right-side-wrapper {
	background-image:  url("..css/images/home/new-ipad.jpg"); 
}
.product-title-small {
	font-weight: 700;
	font-size: 45px;
}



@media( max-width:768px ){

.container{


    flex-direction: column;
    align-items: center;
}
.common{

    width: 90%;
    height: 60vp;
}





}