@import url(//at.alicdn.com/t/c/font_4609254_wq9ljwfdjq.css);
@import url(./my-bootstrap.css);
@import url(../font-awesome-4.7.0/css/font-awesome.css);

@font-face {
	font-family: 'Gotham';
	src: url('https://omo-oss-file1.thefastfile.com/portal-saas/new2023032518085654466/cms/file/9c589d3c-1d75-4a3e-b9da-01dd75917101.TTF')
		format('truetype');
}
:root {
	--primary-color: #0a64bb;
	--font-color: #666;
	--dark-color: #032b8d;
}
@font-face {
	font-family: Poppins;
	src: url(https://fonts.font.im/css?family=Poppins:300,400,600,700);
}
.container-fluid {
	width: 90vw;
	max-width: 1280px;
}

* {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

html {
	position: relative;
	overflow-x: hidden;
	font: 300 18px Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial,
		sans-serif;
	background-color: rgb(243, 243, 243);
	font-size: 14px;
}

body {
	color: var(--font-color);
	background: rgb(238, 238, 238);
	font-family: 'Microsoft YaHei', 'Open Sans', 'Helvetica Neue', Helvetica,
		Arial !important;
	overflow-x: hidden;
}

.d-flex {
	display: flex;
}

.bg-light {
	background-color: #f8f9fa !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0px;
}

a {
	color: var(--font-color);
}
a:hover {
	color: inherit;
}
.text-light {
	color: #f8f9fa !important;
}
.btn {
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	min-width: 180px;
	min-height: 40px;
	padding: 0px 17px;
	border: 1px solid rgb(45, 54, 58);
	color: rgb(45, 54, 58);
	transition: all 0.3s ease-in-out 0s;
	outline: none;
	font-weight: 300;
	justify-content: space-around;
	align-items: center;
}
.btn-primary {
	background-image: linear-gradient(
		to right,
		var(--primary-color),
		var(--dark-color)
	);
	color: rgb(255, 255, 255);
	font-size: 14px;
	border-color: var(--primary-color);
	font-weight: 300;
	margin: 0px 4px 0px auto;
	border-radius: 50px;
}

.btn-primary svg {
	margin-top: -5px;
}
.btn:hover,
.btn:active,
.btn:focus {
	color: rgb(255, 255, 255);
	transition: all 0.3s ease-in-out 0s;
	background-color: rgb(51, 51, 51) !important;
	border-color: rgb(51, 51, 51) !important;
}

.section-title h2 {
	position: relative;
	margin: 40px 0 30px;
	font-size: 48px;
	padding-bottom: 30px;
	text-align: center;
	color: #333;
}
.section-title h2::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: '';
	width: 80px;
	height: 3px;
	background-color: var(--primary-color);
}
.section-title p {
	margin-bottom: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}
.jumbotron.jumbotron-fluid.mb-2 {
	margin-bottom: 0px;
	height: 0;
	padding-bottom: 23.45%;
	position: relative;
}
.jumbotron .container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.list-paddingleft-2 {
	padding-left: 20px;
}
@media screen and (min-width: 991px) {
	.d-md-flex {
		display: flex;
	}
}
@media screen and (max-width: 991px) {
	.copyright .right {
		text-align: center !important;
	}

	.copyright .left {
		text-align: center;
	}
	.container-fluid {
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 767px) {
	.d-md-none {
		display: none;
	}
}