*{
	font-family: OPPOSans-Ver2-Regular, Helvetica, Arial, sans-serif, system-ui;
 }
.navbar
	{
	position:fixed;
	float:left;
	height:10%;
	width:101.5%;
	background-color:white;	
	margin-top:-0.9%;
	margin-left:-0.9%;
	}	
	
.oppo
	{
	float:left;
	font-size:40px;
	margin-left:5%;
	margin-top:0.2%;
	background-color
	}	
	
.smart
	{
	float:left;
	margin-left:2%;
	font-size:18px;
	margin-top:2%;
	color:gray;
	}	
	
.smart:hover
	{
	float:left;
	font-size:18px;
	margin-top:2%;
	color:black;
	}	

.smarts
	{
	float:left;
	margin-left:8%;
	font-size:16px;
	margin-top:2%;
	color:gray;
	}	
	
.smarts:hover
	{
	float:left;
	font-size:18px;
	margin-top:2%;
	color:black;
	border:1px solid black;
	}	
	
.smartss
	{
	float:left;
	margin-left:2%;
	font-size:14px;
	margin-top:2%;
	color:gray;
	}	
	
.smartss:hover
	{
	float:left;
	font-size:18px;
	margin-top:2%;
	color:black;
	}	
	
.hello
	{
	float:left;
	margin-left:3%;
	font-size:20px;
	margin-top:2%;
	}
	
.hellos
	{
	float:left;
	margin-left:1%;
	font-size:20px;
	margin-top:2%;
	}
	
.one
	{
	float:left;
	background-image: url('https://www.oppo.com/content/dam/oppo_com/in/mkt/homepage/topbanner/pre-reno16-series-5g/TopBanner_Reno16Series5G_PC(1).jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-color:#E0DCED;
	height:80%;
	width:101.5%;
	margin-left:-0.9%;
	margin-top:3%;
	}	

.ones
	{
	float:left;
	background-image: url('https://www.oppo.com/content/dam/oppo_com/ae/mkt/newsroom/press/2026/07/oppo-unveils-reno16-series-in-gcc/Reno16-Series-KV_Header_2400x1600px.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-color:#E6E5F5;
	height:80%;
	width:101.5%;
	margin-left:-0.9%;
	margin-top:1%;
	}	

.oness
	{
	float:left;
	height:80%;
	width:101.5%;
	margin-left:-0.9%;
	margin-top:1%;
	background-image: url('	https://www.oppo.com/content/dam/oppo_com/common/mkt/v2-2/lumo-2026/topbanner/720-1060-mo-v2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    
	}	
	
.two
	{
	float:left;
	height:80%;
	width:30%;
	margin-left:2%;
	margin-top:5%;
	}	
	
.three	
	{
	float:left;
	height:6%;	
	width:30%;	
	background-color:black;
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:12px;
	color:white;
	}
	
.four
	{
	float:left;
	height:12%;	
	width:90%;	
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:12px;
	margin-top:-1%;
	font-size:30px;
	}
	
.five
	{
	float:left;
	height:8%;	
	width:40%;	
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:12px;
	margin-top:-1%;
	font-size:20px;
	}

.fivess
	{
	float:left;
	height:8%;	
	width:70%;	
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:12px;
	margin-top:-1%;
	font-size:30px;
	}
	
.fives
	{
	float:left;
	height:8%;	
	width:55%;	
	color:gray;
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:12px;
	margin-top:35%;
	font-size:18px;
	margin-left:-40%;
	}
	
.six
	{
		
	float:left;
	border:1px solid black;
	margin-left:2%;
	padding-top:2%;
	padding-left:2%;
	border-radius:20px;
	margin-top:48%;
	margin-left:-60%;	
	width:30%;
	height:10%;
	background-color:#DDD8EC;
	}
	
.sixs
	{
	float:left;
	border:1px solid black;
	padding: 1% 2% 0% 2%;
	border-radius:20px;
	margin-top:48%;
	margin-left:-28%;	
	width:30%;
	height:10%;
	background-color:black;
	color:white;
	}	

.img
	{
	float:left;
	height:100%;
	width:60%;
	}	
	
.hot
	{
	float:left;	
	height:10%;
	width:90%;
	background-color:white;
	margin-top:3%;
	margin-bottom:2%;
	margin-left:3%;
	}
	
.sale
	{	
	float:left;
	font-size:30px;
	margin-top:01%;
	}	
	
.find
	{
	float:left;
	height:85%;
	width:90%;
	margin-left:4.5%;
	margin-top:1%;
	margin-bottom:4%;
	background-image: url('	https://www.oppo.com/content/dam/oppo_com/common/mkt/v2-2/find-x9-ultra-x9s-en/find-x9s/feature/2624-920-v1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1201px 532px;
	}	
	
.create
	{
	float:left;
	height:4%;	
	width:8 %;	
	background-color:black;
	margin-left:2%;
	padding: 1% 2% 0% 2%;
	border-radius:12px;
	color:white;	
	font-size:12px;
	margin-top:4%;
	}	
	
.creates
	{
	float:left;
	font-size:45px;
	margin-top:8%;
	margin-left:-10%;
	}	
	
.your 
	{
	float:left;
	background-color:#EFEDE9;
	height:23%;
	width:20%;
	margin-top:30%;
	margin-left:-25%;
	}
	
.test
	{
	float:left;
	font-size:20px;
	margin-left:5%;
	margin-top:5%;
	}	
	
.tests
	{
	float:left;
	font-size:20px;
	margin-left:5%;
	margin-top:-6%;
	}	
	
.testss
	{
	float:left;
	font-size:18px;
	margin-left:5%;
	margin-top:-6%;
	}	
	
.oppof
	{
	float:left;	
	height:74%;
	width:44%;
	background-color:#F6F6F6;
	margin-left:5%;
	margin-top:-3.5%;
	}	

.oppofs
	{
	float:left;	
	height:74%;
	width:44%;
	background-color:#F6F6F6;
	margin-left:1%;
	margin-top:1%;
	}	

.oppofss
	{
	float:left;	
	height:74%;
	width:44%;
	background-color:#F6F6F6;
	margin-left:1%;
	margin-top:-3.5%;
	}	

.oppofsss
	{
	float:left;	
	height:74%;
	width:44%;
	background-color:#F6F6F6;
	margin-left:5%;
	margin-top:1%;
	}	
	
.fpro
	{
	float:left;
	font-size:30px;
	margin-left:4%;
	}	
	
.astend
	{
	float:left;
	height:60%;
	width:50%;
	margin-left:20%;
	margin-top:-5%;
	}	
	
.laptopa
	{
	float:left;
	height:26%;
	width:100%;
	background-color:#EFEDE9;
	}
	
.web
	{
	float:left;
	margin-left:7%;
	font-size:19px;
	}	
	
.webs
	{
	float:left;
	margin-left:7%;
	font-size:18px;
	margin-top:-1%;
	}	
	
.mores
	{
	float:left;
	margin-top:5%;
	margin-left:-45%;
	}
	
.nows
	{
	float:left;
	margin-top:5%;
	margin-left:-25%;
	}
	
.made 
	{
	float:left;
	height:10%;
	width:90%;
	margin-top:3%;
	margin-left:2%;
	}
	
.foryou
	{
	float:left;
	font-size:20px;
	margin-left:4%;
	}	
	
.gift
	{
	float:left;
	height:60%;
	width:90%;
	margin-left:5%;
	}	
	
.exchange 
	{
	float:left;
	height:100%;
	width:32%;
	}	
	
	
.exchanges
	{
	float:left;
	height:100%;
	width:32%;
	margin-left:1%;
	
	}	
	
.renoa
	{
	float:left;
	height:80%;
	width:100%;
	}	
	
.changes
	{
	float:left;	
	margin-left:2%;
	font-size:18px;
	}	
	
.changess
	{
	float:left;	
	margin-left:2%;
	font-size:18px;
	margin-top:-1%;
	}	
	
.support
	{
	float:left;
	height:100%;
	width:102.6%;
	background-color:black;
	margin-top:2%;
	margin-left:-2%;
	}	
	
.product
	{
	float:left;
	height:25%;
	width:50%;
	margin-top:5%;
	margin-left:5%;
	}	
	
.acutal
	{
	float:left;	
	color:gray;
	margin-left:2%;
	font-size:12px;
	}	
	
.acutals
	{
	float:left;	
	color:gray;
	margin-left:2%;
	font-size:12px;
	margin-top:-0.5%;
	}	
	
.line	
	{
	float:left;
	color:gray;
	}
	
.last 
	{
	float:left;
	height:63%;
	width:90%;
	margin-left:5%;
	}	

.smartsa
	{
	float:left;
	height:90%;
	width:16%;
	}
	
.total
	{
	float:left;
	color:white;	
	margin-left:15%;
	font-size:16px;
	}	
	
.totals
	{
	float:left;
	color:gray;	
	margin-left:15%;
	margin-top:-2%;
	font-size:16px;
	}	
	
.totalss
	{
	float:left;
	color:gray;	
	margin-left:12%;
	margin-top:-2%;
	font-size:16px;
	}