.left{
	float:left;
}
.right{
	float:right;
}
h1{
	margin:0% 2%;
}
.nav{
	margin:1% 4%;
	color:grey;
}
.mix{
	display:flex;
}
.nav1{
	margin-left:35px;
	margin-top:12px;
	color:grey;
}
nav{
	border-bottom:1px solid lightgrey;
	height:50px;
	background-color:white;
	position:sticky;
	top:0%;
	z-index:4;
}
.navigation{
	border-bottom:1px solid lightgrey;
	height:53px;
	background-color:white;
	position:sticky;
	top:-%;
	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%;
}
.btn{
	background-color:black;
	color:white;
	padding:0.5%;
	border-radius:30px;
	font-size:15px;
	width:10%;
	height:38px;
	margin:2% 54.4% 40% 2%;
	text-align:center;
}
.about{
	margin:1% 2%;
	color:grey;
}
.about:hover{
	color:black;
	font-weight:bold;
	font-style:underline;
}
.about-data{
	height:100px;
	padding:2.1%;
	width:96%;
	background-color:white;
	margin-top:4%;
	display:none;
	position:absolute;
	left:0;
	z-index:6;
	top:3%;
}
.about:hover+ .about-data{
	display:inline-block;
}
.float{
	font-weight:bold;
	margin:2% 6.5%;
	font-size:20px;
}
.smart{
	margin:1% 2%;
	color:grey;
}
.smart:hover{
	color:black;
	font-weight:bold;
	font-style:underline;
}
.smart:hover+ .smartphone{
	display:inline-block;
}
.smartphone{
	height:330px;
	padding:2.1%;
	width:97%;
	background-color:white;
	left:0;
	margin-top:4%;
	display:none;
	position:absolute;
	z-index:6;
	top:3%;
}
.sm-tex{
	margin-left:40px;
}
.cap{
	font-weight:bold;
	
}
.below{
	float:left;
	margin-left:20px;
	color:gray;
}
.bl-btn{
	width:10%;
	float:right;
	border:none;
	margin-left:20px;
	padding:10px;
	border-radius:40px;
}
.b2-btn{
	width:10%;
	float:right;
	margin-left:20px;
	padding:10px;
	border-radius:40px;
}


.tablets{
	margin:1% 2%;
	color:grey;
}
.tablets:hover{
	color:black;
	font-weight:bold;
	font-style:underline;
}
.tablet-sec{
	height:350px;
	padding:2.1%;
	width:96%;
	background-color:white;
	margin-top:4%;
	display:none;
	position:absolute;
	left:0;
	z-index:6;
	top:3%;
}
.tablets:hover+.tablet-sec{
	display:inline-block;
}
.tablet-info{
	margin-left:360px;
}
.tb-btn{
	width:50%;
	float:right;
	margin-left:20px;
	padding:10px;
	border-radius:40px;
}
.tab-btn{
	width:30%;
}
.nav2{
	margin:2% auto;
	background-color:lightgrey;
	color:grey;
	width:90%;
	position:sticky;
	top:8.5%;
	z-index:3;
	border-radius:30px;
}
.audio{
	margin:1% 2%;
	color:grey;
}
.audio:hover{
	color:black;
	font-weight:bold;
	font-style:underline;
}
.audio-sec{
	height:350px;
	padding:2.1%;
	width:96%;
	background-color:white;
	margin-top:4%;
	display:none;
	position:absolute;
	left:0;
	z-index:6;
	top:3%;
}
.audio:hover+.audio-sec{
	display:inline-block;
}
.audio-info{
	margin-left:470px;
}
.audio-btn{
	width:27%;
	float:right;
	margin-left:490px;
	padding:10px;
	border-radius:40px;
}
.acc{
	margin:1% 2%;
	color:grey;
}
.acc:hover{
	color:black;
	font-weight:bold;
	font-style:underline;
}
.acc-sec{
	height:350px;
	padding:2.1%;
	width:96%;
	background-color:white;
	margin-top:4%;
	display:none;
	position:absolute;
	left:0;
	z-index:6;
	top:3%;
}
.acc:hover+.acc-sec{
	display:inline-block;
}
.acc-btn{
	width:33%;
	margin-left:240px;
	margin-top:20px;
	padding:10px;
	border-radius:40px;
}
.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%;
}


/*second sec*/
.navigation-2{
	background-color:#eee9e6;
	height:38px;
	padding-top:20px;
	font-size:18px;
	border-radius:40px;
	margin-top:20px;
	position:sticky;
	top:9%;
}
.navi{
	float:left;
	margin-left:25px;
}
a{
	background-color:white;
	height:100px;
	width:60px;
	color:black;
}
.img-sec{
	background-image:url("https://bbs.oppo.com/upload/image/front/thread/20250919/957050434/1953157851291582464/1953157851291582464.png");
	height:400px;
	background-repeat:no-repeat;
	background-color:;
	background-size:90% 100%;
	background-attachment:;
	background-position:center;
	margin-top:0px;
	position:;
	top:0;

}
.Raffle{
	width:30%;
	font-size:35px;
	margin-top:20px;
}
.win{
	width:90%;
	top:10px;
	margin-left:90px;
	font-size:30px;
}
.button-2{
	padding:8px 20px;
	background:black;
	color:white;
	border-radius:40px;
	margin-top:250px;
	margin-left:100px;
}
/*img 3*/
.ben-tex{
	float:left;
	margin-left:10px;
}
.img3{
	background-image:url("https://www.livemint.com/lm-img/img/2025/09/25/600x338/Oppo_Reno_14_5G_1758791122270_1758791122566.jpg");
	width:65%;
	height:400px;
	background-repeat:no-repeat;
	background-color:;
	background-size:90% 100%;
	background-attachment:;
	background-position:center;
	float:right;
	
}
.button-3{
	padding:12px 30px;
	background:black;
	color:white;
	border-radius:40px;
	
}
.large-tex{
	float:right;
	margin-right:105px;
	
}
.img4{
	background-image:url("https://www.oppo.com/content/dam/oppo_store/Diwali2025/propluspad.jpg");
	width:65%;
	height:400px;
	background-repeat:no-repeat;
	background-color:;
	background-size:90% 100%;
	background-attachment:;
	background-position:center;
	
	
}
/*img5*/

.offer-section{
	justify-content:center;
	flex-wrap:wrap;
	gap:30px;
	background-color:red;
	
}
.offer-text{
	width:320px;
	box-shadow:0 8px 2px white;
	
}
.offer-image img{
	width:20%;
	height:260px;
	object-fit:cover;
	
}
.prize{
	padding:20px;
	text-align:center;
}
.btn{
	padding:10px 25px;
	border-radius;8px;
	cursor:pointer;
}
.coupon{
	background-image:url("https://image.oppo.com/content/dam/oppo-campaign-site/in/events/store-opening/diwali-2021/10-18diwail/pcbanner2.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:90% 100%;
	height:400px;
	margin-top:400px;
	
}
.gifts{
	background-image:url("https://image.oppo.com/content/dam/oppo-campaign-site/in/events/store-opening/diwali-2021/10-20diwail/1020pcraining.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:90% 100%;
	height:400px;
	margin-top:400px;
}
.deals{
	background-image:url("https://www.oppo.com/content/dam/oppo_store/Diwali2025/Ranning_Mob.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:90% 100%;
	height:400px;
	margin-top:400px;
}
.reno{
	margin-top:40px;
	background-color:red;
	width:90%;
	margin-left:50px;
}
 .reno-text{
	 font-size:20px;
	 float:left;
	 margin-left:20px;
	 background-color:#f8f8f8;
	 padding:15px;
	 
 }
 .reno-img{
	 float:left;
	 margin-left:0px;
	 
 }
 .below-tex{
	 margin-top:80px;
	 font-size:16px;
	 color:gray;
 }
 .reno-btn{
	 background-color:black;
	 color:white;
	 padding:12px;
	 border-radius:50px;
	 margin-top:15px;
 }
 .caption{
	width:30%;
 }
 .pic{
	 
	 
 }
 .offer-head{
	 width:30%;
	 font-size:29px;
	 margin-top:70px;
	 margin-top:10px;
 }
 #logo{
	 font-size:50px;
	 color:orange;
	 padding-left:15px;
 }
 .lg{
	 margin-top:30px;
	 margin-left:32px;
	 float:left;
	 font-size:24px;
	 background-color:#f8f8f8;
	 box-shadow:1px 1px 1px silver;
	 height:150px;
	 width:300px;
 }
 .two-tex{
	 margin-left:45px;
	 font-size:30px;
	 float:left;
 }
 .two-img{
	 margin-left:690px;
	 font-size:30px;
 }
 .why{
	 margin-top:80px;
 }
 footer{
	 margin-top:280px;
	 background-color:black;
	 color:gray;
	 height:1440px;
	 
 }
 .footer-tex{
	margin-top:100px;
	padding:25px;

	
 }
 .align{
	margin-top:30px;
	margin-left:30px;
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:20px;
 }
 .align p:first-child{
	 font-weight:bold;
	margin-bottom:10px;
 }
 .foo-tex{
	break-inside:avoid;
	font-size:19px;
 }
 hr{
	 width:100%;
 }
 .foo-log{
	margin-left:40px;
	float:left;
	font-size:23px;
 }
 .foo-log1{
	margin-left:710px;
	float:left;
	font-size:23px;
 }
 .foob{
	 float:left;
	 margin-left:40px;
	  font-size:20px;
 }
 .back{
	 float:left;
	 margin-left:260px;
	 font-size:20px;
 }