body{
	margin:0;
	padding:0;
}
.left{
	float:left;
}
.right{
	float:right;
}
h1{
	margin:0% 2%;
}
.nav{
	margin:1% 2%;
	color:grey;
}
nav{
	border-bottom:1px solid lightgrey;
	height:50px;
	background-color:white;
	position:sticky;
	top:0%;
	z-index:4;
}
/*.cart{
	width:34%;
	background-color:white;
	height:400px;
	border-radius:20px;
	z-index:7;
	position:relative;
	top:70px;
	right:4%;
}
.bag:hover .cart,
.profile:hover + {
	display:inline-block;
}*/
.bag, .profile{
	color:black;
	font-size:26px;
}
.navigation{
	border-bottom:1px solid lightgrey;
	height:50px;
	background-color:white;
	position:sticky;
	z-index:4;
}
.search{
	background-color:lightgrey;
	border:1px solid grey;
	padding:5px;
	border-radius:20px;
	height:30px;
}
.sale{
	background-image:url('https://www.oppo.com/content/dam/oppo_store/Diwali2025/Diwali_0925_KV_PC(1).jpg');
	background-attachment:;
	background-position:center;
	height:800px;
	background-size:250% 100%;
}
.check{
	background-color:black;
	color:white;
	padding:0.5%;
	border-radius:30px;
	width:12%;
	height:30px;
	margin:1% 50% 40% 3%;
	text-align:center;
}
.about_OPPO{
	margin:1% 2%;
	color:grey;
}
.hover1:hover, 
.hover2:hover, 
.hover3:hover, 
.hover4:hover, 
.about_OPPO:hover{
	color:black;
	text-decoration:underline;
}
.about_oppo{
	height:90px;
	padding:2.1%;
	width:100.2%;
	background-color:white;
	margin:0;
	display:none;
	position:absolute;
	z-index:6;
	top:100%;
	left:0;
}
.float{
	font-weight:bold;
	margin:2% 6.5%;
}
.about_OPPO:hover+ .about_oppo,
.hover4:hover + .accessories,
.hover3:hover + .audio,
.hover1:hover + .smartphone,
.hover2:hover + .tablet{
	display:inline-block;
}
.accessories{
	display:none;
	height:350px;
	width:100%;
	background-color:white;
	position:absolute;
	z-index:6;
	top:50px;
	margin:0%;
	left:0;
}
.smartphone{
	display:none;
	height:350px;
	width:98%;
	background-color:white;
	position:absolute;
	z-index:6;
	top:50px;
	padding:0 2%;
	left:0;
}
.tablet{
	display:none;
	height:350px;
	width:100%;
	background-color:white;
	position:absolute;
	z-index:6;
	top:50px;
	margin:0%;
	left:0;
}
.item{
	width:15%;
	margin:0.7%;
}
.item2{
	width:15%;
	margin:0.7% 0.7% 0.7% 33%;
}
.pic{
	background-color:lightgrey;
}
.view{	
	padding:0.5% 2%;
	border-radius:30px;
	width:12%;
	height:50px;
	margin:2% auto;
	text-align:center;
} 
.view2{	
	padding:0.5% 2%;
	border-radius:30px;
	width:12%;
	background-color:lightgrey;
	height:50px;
	margin:2% auto;
	text-align:center;
} 
.shop{	
	padding:0.5% 2%;
	border-radius:30px;
	width:42%;
	height:50px;
	background-color:green;
	color:white;
	margin:2% auto;
	text-align:center;
} 
.series{
	text-decoration:underline;
	color:darkgrey;
	margin:3% 2% 0 0%;
}
.audio{
	display:none;
	height:350px;
	width:100%;
	background-color:white;
	position:absolute;
	z-index:6;
	top:50px;
	margin:0%;
	left:0;
}
.nav2{
	margin:2% auto;
	background-color:lightgrey;
	color:grey;
	width:90%;
	height:50px;
	border-radius:30px;
}
.nav-bar{
	position:sticky;
	top:8.5%;
	z-index:3;
	height:60px;
}
.diwali-sale{
	font-size:20px;
	margin:20% 0 0 2%;
}
.span{
	font-size:40px;
}
.type{
	margin:1.5% 2% 1% 2%;
	font-size:18px;
}
.h21{
	font-size:40px;
	text-align:center;
}
.margin{
	margin:2%;
}
.margin2{
	margin-left:10%;
}
.all-new{
	margin:5% 0 1% 2%;
	font-size:20px;
}
.all-new3{
	margin:-3.5% 0 1% 8%;
	font-size:20px;
}
.all-new2{
	margin:20% 0 1% 2%;
	font-size:20px;
}
.all-new4{
	margin:50% 0 1% 8%;
	font-size:20px;
}
.img{
	margin:-8% 2% 1% 2%;
}
.image{
	margin:3% 2% 1% 2%;
}
.top{
	margin-top:18%;
}
.top2{
	margin-top:50%;
}
.top3{
	margin-top:10%;
}
.div{
	float:left;
	height:350px;
	width:30%;
	margin-top:5%;
}
.f31{
	font-size:30px;
}
.exchange{
	margin-top:-2%;
}
.button{
	background-color:black;
	color:white;
	padding:0.5%;
	border-radius:30px;
	width:40%;
	height:20px;
	margin-top:1%;
	margin-left:7%;
	text-align:center;
}
.button1{
	background-color:black;
	color:white;
	padding:0.5%;
	border-radius:30px;
	width:10%;
	height:20px;
	margin-top:16%;
	margin-left:2%;
	text-align:center;
}
.button2{
	background-color:black;
	color:white;
	padding:0.5%;
	border-radius:30px;
	width:15%;
	height:20px;
	margin-left:2%;
	text-align:center;
}
.button3{
	background-color:black;
	color:white;
	padding:2%;
	border-radius:30px;
	width:40%;
	height:20px;
	margin-left:2%;
	text-align:center;
}
.button4{
	background-color:black;
	color:white;
	padding:1%;
	border-radius:30px;
	width:40%;
	height:15px;
	margin-left:2%;
	margin-top:15%;
	text-align:center;
}
.diwali{
	background-image:url('https://www.oppo.com/content/dam/oppo_store/Diwali2025/Raffle_PC.jpg');
	background-attachment:;
	background-position:center;
	height:350px;
	background-size:100% 100%;
}
.product{
	width:47%;
	border-radius:15px;
	margin:3% 1% 2% 1%;
	height:750px;
}
.product2{
	width:47%;
	border-radius:15px;
	margin:3% 1% 0% 1%;
	height:650px;
}
.product3{
	width:47%;
	border-radius:15px;
	margin:-4% 1% 0% 1%;
	height:650px;
}
.product4{
	width:47%;
	border-radius:15px;
	margin:0% 1% 0% 1%;
	height:650px;
}
.product5{
	width:46%;
	border-radius:15px;
	margin:0% 1% 0% 1%;
	height:500px;
}
.points{
	background-image:url('https://www.oppo.com/content/dam/oppo_store/Diwali2025/HeroProductCard_PC(1).jpg');
	margin:5% auto;
	background-position:center;
	width:95%;
	height:400px;
	background-size:100% 100%;
}
.Reno14{
	height:600px;
}
.F31{
	height:500px;
}
.container{
	height:800px;
}
.container2{
	height:800px;
	margin-top:2%;
}
.position{
	margin-top:-12%;
}
.distance{
	margin-top:2%;
}
.gift{
	background-image:url('https://www.oppo.com/content/dam/oppo_store/Diwali2025/PC1.jpg');
	margin:2% auto;
	background-position:center;
	width:95%;
	height:350px;
	background-size:160% 100%;
	border-radius:20px;
}
.coupon{
	padding:2% 2% 0 2%;
}
.exchange{
	margin-top:-3.5%;
}

.deals{
	background-image:url('https://www.oppo.com/content/dam/oppo_store/Diwali2025/SharePhoto_PC(1).jpg');
	margin:-7% auto 1% auto;
	background-position:center;
	width:95%;
	height:350px;
	background-size:160% 100%;
	border-radius:20px;
}
.section{
	width:23%;
	height:100px;
	float:left;
	background-color:lightgrey;
	margin:1%;
	border-radius:15px;
}
.why{
	margin:-21% 0 0 0;
}
.icon{
	padding:1%;
	color:white;
	background-color:tan;
	border-radius:50%;
	font-size:30px;
	width:13%;
	text-align:center;
	height:36%;
	margin:3% 0 1% 3%;
}
footer{
	background-color:black;
	color:lightgrey;
	width:100%;
	height:1050px;
	margin-top:20%;
}
.font{
	font-size:13px;
}
.padding1{
	padding:5% 3%;
}
.padding2{
	padding:4% 10% 2% 10%;
}
hr{
	width:90%;
}
.footer{
	width:95%;
	margin:2% auto;
	font-size:16px;
}
.foot{
	width:11.5%;
	margin:2% 1% 4% 0%;
}
.align{
	font-weight:bold;
	color:white;
	font-size:18px;
}
.support{
	font-size:20px;
	color:white;
	margin:2% 0 2% 5.5%;
}
.nav3{
	margin:1% 0%;
	color:grey;
	background-color:black;
	width:10%;
	font-size:15px;
}
.nav4{
	width:30%;
}