.banner {
	position: relative;
	height: 42.5rem;

	.lead {
		h1 {
			display: inline-block;
			margin-top: 89px;
			/* font-family:"oppo sans"; */
			/* font-size: 36px; */
			font-style: normal;
			font-weight: 600;
			line-height: 50px;
			background: linear-gradient(to right, #5442F4, #4285F4);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		p {
			margin-top: 13px;
			width:50%;
			/* font-size: 16px; */
			line-height: 44px;
			color: #727272;
		}
	}

	ul {
		display: flex;
		margin-top: 40px;
		margin-bottom: 60px;

		li {
			margin-right: 10px;
			cursor: pointer;

			img {
				width: 17.2rem;
				height: auto;
			}
		}
	}
}

.nav {
	background: #E4ECFF;

	ul {
		display: flex;
		justify-content: space-around;
		padding: 15px 0;

		li {
			font-size: 2.0rem;
			color: #333;
			cursor: pointer;

			&:hover {
				color: #007AFF;
			}
		}
	}
}

.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 42.5rem;
	z-index: -1;
}

.title {
	padding:30px 0;
	text-align: center;
	color: #000;

	h2 {
		/* font-size: 22px; */
		font-weight: 500;
		letter-spacing: 1.6px;
	}

	p {
	     margin-top: 10px;
		 height: 20px;
		 flex-shrink: 0;
		 color: #aab7cc;
		 text-align: center;
 font-family: "OPPOSans";
		 font-style: normal;
		 font-weight: 400;
		 line-height: normal;
		 letter-spacing:0.7px;
		 text-transform: uppercase;
		/* font-size: 12px; */
	}
}