@import url('css2.css');
@import url('pe-icon-7-stroke.css');
@import url('style1.css');
body {
	background:#fff;
	color:#717173;
	font-family:Poppins, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:26px;
	margin:0;
	padding:0;
	position:relative
}
img {
	max-width:100%
}
p {
	margin:0 0 10px
}
h2, h3, h4, h5 {
	color:#1f1f1e;
	font-family:Lato, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif;
	margin:0 0 15px;
	padding:0;
transition:.3s;
	font-weight:700
}
h2 {
	font-size:30px;
	line-height:45px;
	font-weight:900
}
h3 {
	font-size:28px;
	line-height:32px;
	font-weight:700
}
h4 {
	font-size:20px;
	line-height:22px
}
h5 {
	font-size:20px;
	line-height:28px
}
a {
	color:#303030;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
	text-decoration:none
}
a, a>* {
	cursor:pointer;
	outline:medium none;
	text-decoration:none
}
a:focus, a:hover {
	outline:medium none;
	text-decoration:none;
	color:inherit
}
h2 a, h3 a, h4 a, h5 a {
	color:inherit
}
ul {
	padding:0;
	margin:0;
	list-style-type:none
}
.pt-120 {
	padding-top:120px
}
.pb-130 {
	padding-bottom:130px
}
section {
	background:#f8f7f3
}
.base-header {
	padding-bottom:40px;
	margin:auto;
	text-align:left
}
.base-header h3 {
	position:relative;
	text-transform:capitalize;
	font-weight:900;
	margin-bottom:0;
	font-size:36px;
	line-height:1.1;
	color:#1f1f1e;
	margin-top:0
}
#preloader {
	position:fixed;
	left:0;
	top:0;
	z-index:9999999;
	width:100%;
	height:100%;
	overflow:visible;
	background:#fff url("../image/pre_loader.gif") no-repeat center center;
	color:#000
}
.more-link:before {
	width:100%;
	height:0;
	top:50%;
	left:50%;
	background:#1f1f1e;
	opacity:0;
	transform:translateX(-50%) translateY(-50%) rotate(90deg);
	content:'';
	position:absolute;
	z-index:-1;
transition:all .3s
}
.more-link:hover::before {
height:400%;
opacity:1
}
.more-link:hover {
	color:#fff
}
.more-link {
	display:inline-block;
	font-size:16px;
	padding:14px 40px 14px 40px;
	color:#fff;
	text-transform:capitalize;
	font-weight:500;
	text-align:center
}
.more-link {
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	overflow:hidden;
	-webkit-transition-property:color;
	transition-property:color;
-webkit-transition-duration:.3s;
transition-duration:.3s;
	background:#00938d;
	border-radius:5px
}
.owl-next, .owl-prev {
-webkit-transition:all .4s linear 0s;
transition:all .4s linear 0s;
	position:absolute;
	top:50%;
	margin-top:-25px;
	z-index:99;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#333;
	opacity:0
}
.owl-theme .owl-controls .owl-nav div {
	padding-right:20px
}
.owl-theme .owl-controls .owl-nav .owl-prev {
	left:0;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.owl-theme .owl-controls .owl-nav .owl-next {
	right:15px;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.owl-nav {
	bottom:-50px;
	left:0
}
.owl-prev {
	margin-left:0
}
.owl-nav div.owl-next {
	left:60px;
	right:20px
}
.owl-nav div {
	color:#333;
	font-size:19px;
	height:50px;
	left:0;
	line-height:36px;
	margin-top:-30px;
	opacity:.8;
	position:absolute;
	text-align:center;
	top:50.5%;
	width:50px;
	border-radius:50%;
	padding-right:0!important;
	padding-top:5px
}
.navigation .container {
	display:flex;
	align-items:center
}
.navigation .logo {
	position:relative
}
.navigation .logo img {
	max-width:inherit
}
.logo img {
	max-width:inherit
}
.logo {
	background:0 0!important;
	width:189px
}
.navigation {
	background-color:#f8f7f3;
	z-index:9999;
	position:relative;
	padding:10px 0;
transition:.3s
}
.is-sticky .navigation {
	padding-top:0;
	padding-bottom:0
}
.navigation #navigation {
	margin-left:auto;
	margin-right:25px
}
.is-sticky .navigation {
	box-shadow:0 3px 6px rgba(54, 54, 54, .08)
}
#navigation, #navigation #menu-button, #navigation ul, #navigation ul li, #navigation ul li a {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	line-height:14px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#navigation:after, #navigation>ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
#navigation #menu-button {
	display:none
}
#navigation>ul>li {
	float:left;
	margin-right:5px
}
#navigation>ul>li a {
	display:block
}
#navigation li:hover>ul {
	padding-top:0;
	padding-bottom:0;
	background:#fff
}
#navigation.align-center>ul {
	font-size:0;
	text-align:center
}
#navigation.align-center>ul>li {
	display:inline-block;
	float:none
}
#navigation.align-center ul ul {
	text-align:left
}
#navigation.align-right>ul>li {
	float:right
}
#navigation>ul>li>a {
	padding:40px 0 40px 24px;
	font-size:18px;
	letter-spacing:0;
	text-decoration:none;
	color:#1e3322;
	text-transform:capitalize;
	display:block;
	font-family:Lato, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif;
	font-weight:700
}
#navigation ul li.active>a {
	color:#fd661f
}
#navigation>ul>li.has-sub>a {
	padding:40px 0 40px 24px;
	padding-right:10px
}
#navigation ul li.has-sub {
	position:relative
}
#navigation ul li.has-sub:before {
	position:absolute;
	right:-2px;
	font-family:"Font Awesome 5";
	content:"+";
	top:44%;
	font-weight:700;
	font-size:15px
}
#navigation ul li.active.has-sub:before {
	color:#fd661f
}
#navigation ul li.has-sub:hover:before {
	color:#fd661f;
transition:.3s
}
#navigation>ul>li.has-sub>a::before {
position:absolute;
right:14px;
font-family:FontAwesome;
content:"\f107";
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease;
display:none
}
#navigation ul ul li.has-sub>a::before {
position:absolute;
top:20px;
right:14px;
display:block;
width:2px;
height:8px;
background:#00938d;
content:'';
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease
}
#navigation ul ul li.has-sub>a::after {
position:absolute;
top:23px;
right:11px;
width:8px;
height:2px;
display:block;
background:#00938d;
content:''
}
#navigation ul ul>li.has-sub:hover>a::before {
top:17px;
height:0
}
#navigation>ul>li>.active {
	color:#00938d
}
#navigation>ul>li:hover>a {
	color:#fd661f!important
}
#navigation ul ul {
	position:absolute;
	left:-9999px
}
#navigation.align-right ul ul {
	text-align:right
}
#navigation ul ul li {
	height:0;
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease
}
#navigation li:hover>ul {
	left:auto;
	top:94px
}
.is-sticky #navigation li:hover>ul {
	top:94px
}
#navigation.align-right li:hover>ul {
	left:auto;
	right:0
}
#navigation li:hover>ul>li {
	height:48px
}
#navigation ul ul ul {
	margin-left:100%;
	top:0
}
#navigation.align-right ul ul ul {
	margin-left:0;
	margin-right:100%
}
#navigation ul ul li a {
	border-bottom:1px solid #00938d;
	padding:15px 10px 19px 25px;
	width:220px;
	text-decoration:none;
	color:#1e3322;
	font-weight:500;
	background:#fff;
	text-transform:capitalize;
	margin-left:0;
	border-bottom:1px solid #f1f1f1;
	line-height:13px;
	font-family:Lato, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif;
	font-weight:700;
	font-size:15px
}
#navigation ul ul li.last-item>a, #navigation ul ul li:last-child>a {
	border-bottom:0
}
#navigation ul ul li a:hover, #navigation ul ul li:hover>a {
	color:#fd661f;
	padding-left:30px
}
#navigation.small-screen {
	width:100%
}
#navigation.small-screen ul {
	width:100%;
	display:none
}
#navigation.small-screen.align-center>ul {
	text-align:left
}
#navigation.small-screen ul>li {
	width:100%;
	border-top:1px solid rgba(120, 120, 120, .2)
}
#navigation.small-screen li:hover>ul>li, #navigation.small-screen ul ul li {
	height:auto
}
#navigation.small-screen ul li a, #navigation.small-screen ul ul li a {
	width:100%;
	border-bottom:0
}
#navigation.small-screen>ul>li {
	float:none
}
#navigation.small-screen ul li a:hover {
	color:#00938d!important
}
#navigation.small-screen ul ul li a {
	padding-left:15px
}
#navigation.small-screen ul ul ul li a {
	padding-left:35px
}
#navigation.small-screen ul ul li a {
	color:#333;
	background:0 0
}
#navigation.small-screen ul ul li.active>a, #navigation.small-screen ul ul li:hover>a {
	color:#00938d
}
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul {
	position:relative;
	left:0;
	width:100%;
	margin:0;
	text-align:left
}
#navigation.small-screen ul ul>li.has-sub>a:after, #navigation.small-screen ul ul>li.has-sub>a:before, #navigation.small-screen>ul>li.has-sub>a:after, #navigation.small-screen>ul>li.has-sub>a:before {
	display:none
}
#navigation.small-screen #menu-button {
	display:block;
	padding:17px;
	color:#171818;
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
	font-weight:700
}
#navigation.small-screen #menu-button:after {
	position:absolute;
	top:24px;
	right:2px;
	display:block;
	height:8px;
	width:20px;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	content:''
}
#navigation.small-screen #menu-button:before {
	position:absolute;
	top:18px;
	right:2px;
	display:block;
	height:2px;
	width:20px;
	background:#333;
	content:''
}
#navigation.small-screen #menu-button.menu-opened:after {
	top:23px;
	border:0;
	height:2px;
	width:15px;
	background:#333;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
#navigation.small-screen #menu-button.menu-opened:before {
	top:23px;
	background:#333;
	width:15px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
#navigation.small-screen .submenu-button {
	position:absolute;
	z-index:99;
	right:0;
	top:0;
	display:block;
	border-left:1px solid rgba(120, 120, 120, .2);
	height:48px;
	width:46px;
	cursor:pointer
}
#navigation.small-screen .submenu-button.submenu-opened {
	background:0 0
}
#navigation.small-screen ul ul .submenu-button {
	height:35px;
	width:35px;
	top:8px
}
#navigation.small-screen .submenu-button:after {
	position:absolute;
	top:22px;
	right:19px;
	width:8px;
	height:2px;
	display:block;
	background:#333;
	content:''
}
#navigation.small-screen ul ul .submenu-button:after {
	top:15px;
	right:13px
}
#navigation.small-screen .submenu-button.submenu-opened:after {
	background:#333
}
#navigation.small-screen .submenu-button:before {
	position:absolute;
	top:19px;
	right:22px;
	display:block;
	width:2px;
	height:8px;
	background:#333;
	content:''
}
#navigation.small-screen ul ul .submenu-button:before {
	top:12px;
	right:16px
}
#navigation.small-screen .submenu-button.submenu-opened:before {
	display:none
}
.hero-section {
	background:#f8f7f3;
	padding-top:65px;
	padding-bottom:130px;
	position:relative
}
.hero-section .row {
	align-items:flex-end
}
.hero_text h2 {
	font-size:46px;
	line-height:53px;
	color:#1f1f1e;
	letter-spacing:.5px;
	margin-bottom:23px
}
.hero_text p {
	font-size:17px;
	line-height:27px;
	color:#3a3d42;
	padding-right:44px;
	margin-bottom:-4px
}
.hero_img {
	position:relative;
	width:475px;
	float:right
}
.hero_stu {
	position:absolute;
	bottom:0;
	background-color:rgba(255, 255, 255, .65);
	box-shadow:2px 10px 18px 0 rgba(240, 227, 227, .65);
	padding:22px 23px 25px;
	border-radius:12px
}
.hero_stu h4 {
	font-size:18px;
	font-weight:700;
	margin-bottom:7px
}
.ellipse1 {
	right:50%;
	top:2%;
	margin-right:-130px
}
.ellipse1, .ellipse7 {
	-webkit-animation:animationFramesOne 20s infinite linear;
	animation:animationFramesOne 20s infinite linear
}
.ellipse2 {
	right:50%;
	top:23px;
	margin-right:-570px
}
.hero_ellipse_icon img {
	position:absolute
}
.ellipse4 {
	top:50%;
	right:0;
	margin-right:9%;
	margin-top:-5%
}
.ellipse2, .ellipse3, .ellipse4, .ellipse8 {
	-webkit-animation:moveBounce 3s linear infinite;
	animation:moveBounce 3s linear infinite
}
.ellipse6 {
	right:50%;
	top:50%;
	margin-top:138px;
	margin-right:-584px;
	-webkit-animation:FocuS 1s linear 1s infinite;
	animation:FocuS 1s linear 1s infinite
}
.ellipse8 {
	bottom:0;
	right:0;
	margin-right:290px;
	margin-bottom:10px
}
.ellipse7 {
	bottom:0;
	margin-bottom:75px;
	left:50%;
	margin-left:30px
}
.ellipse3 {
	top:0;
	right:50%;
	margin-right:-513px;
	margin-top:191px
}
@keyframes animationFramesOne {
0% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg);
transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(100px, 72px) rotate(72deg);
transform:translate(100px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg);
transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg);
transform:translate(-40px, 72px) rotate(144deg)
}
100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-webkit-keyframes FocuS {
0% {
opacity:0
}
75% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes FocuS {
0% {
opacity:0
}
75% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes moveBounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes moveBounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.category-section {
	background:#f8f7f3;
	padding:30px 0 93px
}
.category-item {
	display:flex;
	align-items:unset;
	background:#fff;
	align-content:center;
	padding:30px 35px;
	border-radius:12px
}
.category-section .slick-initialized .slick-slide {
	margin:0 15px!important;
	display:flex;
	margin-bottom:30px!important
}
#popula_cat {
	padding:0
}
.category-item img {
	width:38px!important;
	height:38px
}
.category-item h4 {
	margin:0;
	line-height:34px;
	margin-left:25px
}
.category-item.slick-current {
	background:#00938d;
	box-shadow:0 0 25px 2px #d5cdcd
}
.category-item.slick-current h4 {
	color:#fff
}
.category-item.slick-current img {
	filter:brightness(0) invert(1)
}
.category-section .slick-arrow {
	position:absolute;
	right:0;
	font-size:32px;
	top:-62px;
	color:#00938d
}
.category-section .arrow_right.slick-arrow {
	margin-right:16px
}
.category-section .arrow_left.slick-arrow {
	margin-right:60px
}
.category-section .slick-arrow:hover {
	color:#1f1f1e
}
.feat-course-section {
	padding-bottom:180px
}
.feat-course-section .base-header {
	text-align:center
}
.feat_cour_lesson, .feat_cour_price, .feat_cour_rating, .feat_cour_tit {
	padding:0 8px
}
.feat_course_item {
	padding:15px 15px 25px;
	background:#fff;
	border-radius:12px;
	border:1px solid #f0e9e9;
	margin-bottom:30px;
transition:.4s
}
.feat_course_item:hover {
	border:1px solid #00938d;
transition:.4s
}
.feat_course_item img {
	width:100%
}
.feat_cour_price {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	margin-bottom:15px
}
.feat_cour_tag {
	background:#ffece3;
	color:#1e3322;
	padding:5px 12px;
	border-radius:4px;
	font-size:14px
}
.feat_cour_tit {
	font-size:20px;
	line-height:27px;
	font-weight:700;
	letter-spacing:.2px;
	margin-bottom:16px
}
.feat_cour_p {
	font-size:20px;
	color:#fd661f;
	font-weight:500;
	letter-spacing:.2px
}
.feat_cour_lesson {
	padding-bottom:20px;
	color:#717173;
	display:flex;
	justify-content:space-between;
	position:relative;
	margin-bottom:21px
}
.feat_cour_lesson:after {
	position:absolute;
	content:"";
	width:68%;
	height:4px;
	background:#ffece3;
	text-align:center;
	left:50%;
	transform:translateX(-50%);
	bottom:0
}
.feat_cour_lesson i {
	color:#717173;
	margin-right:5px;
	font-size:17px
}
.feat_cour_stu i {
	font-size:20px;
	position:relative;
	top:2px
}
.feat_cour_rating {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.feat_cour_rat i {
	margin:0 1px;
	color:#ffc107;
	font-size:12px;
	position:relative;
	top:-1px
}
.feat_cour_rat i:first-child {
	margin-left:5px
}
.feat_cour_rat i:last-child {
	margin-right:2px
}
.feat_cour_rating a i {
	font-size:20px;
	background:#00938d;
	color:#fff;
	width:37px;
	height:37px;
	display:inline-block;
	border-radius:50%;
	line-height:37px;
	text-align:center
}
.feat_cour_rating a i:hover {
	background:#1f1f1e
}
.feat-course-section .more-link {
	margin-top:20px
}
.best-book-section .base-header {
	margin-top:5px
}
.bbook_wrap {
	display:flex;
	gap:30px
}
.bbook_item {
	background:#fff;
	padding:30px 25px;
	text-align:center;
	border-radius:8px;
transition:.3s
}
.bbook_item:hover {
	background:#fd661f
}
.bbook_item:hover i, .bbook_item:hover span {
	color:#fff
}
.bbook_item:hover {
	box-shadow:2px 10px 18px 0 rgba(240, 227, 227, .65);
transition:.3s
}
.bbook_item i {
	display:block;
	font-size:44px;
	color:#fd661f;
	margin-bottom:17px
}
.bbook_item span {
	font-size:20px;
	color:#1e3322;
	font-weight:500
}
.bbook_btn {
	margin-top:60px;
	display:flex;
	gap:30px
}
.bbook_crs_item {
	width:470px;
	margin-left:30px;
	position:relative
}
.bbook_crs_item img {
	border-radius:8px
}
#best_book::after {
position:absolute;
content:"";
width:81%;
height:100%;
top:-50px;
right:13px;
z-index:-1;
border-radius:8px;
background-color:rgba(0, 147, 141, .09)
}
.best-book-section .owl-nav .arrow_right {
	margin-right:16px
}
.best-book-section .owl-nav .arrow_left {
	margin-right:-2px
}
.best-book-section .owl-nav div {
	font-size:32px;
	color:#00938d;
	opacity:1;
	top:100%
}
.best-book-section .owl-nav div:hover {
	color:#1f1f1e
}
.best-book-section .owl-nav {
	position:absolute;
	bottom:10px;
	margin-left:-102px
}
.owl-dots {
	position:absolute;
	right:50%;
	width:100%;
	display:flex;
	gap:12px;
	margin-right:282px;
	bottom:11px
}
.owl-dots .owl-dot.active span {
	background:#00938d;
	width:25px
}
.owl-dots .owl-dot span {
	width:20px;
	background:#d9d9d9;
	height:5px;
	border-radius:8px;
	display:inline-block
}
.owl-dot {
	display:inline-block
}
.lfeedback-section {
	padding-top:130px;
	padding-bottom:123px
}
.lfeedback_img {
	width:550px
}
.lfeedback_img img {
	width:100%
}
.lfeedback-section .row {
	align-items:center
}
.lfeedback-section .lfeedback_item {
	padding-left:24px
}
#lfeedback_cur {
	margin-top:-18px
}
.lfeedback_text p {
	margin-top:-8px
}
.lfeedback_text h4 {
	font-weight:900;
	font-size:18px;
	color:#1e3322;
	margin-top:23px;
	margin-bottom:1px
}
.lfeedback_text h5 {
	color:#717173;
	font-size:15px;
	font-weight:400
}
.lfeedback-section .owl-dots {
	right:auto;
	width:auto;
	margin-right:0;
	bottom:-18px;
	left:0;
	margin-left:37px
}
.newsletter_wrap {
	text-align:center
}
.newsletter_wrap h3 {
	text-align:center;
	margin-bottom:-18px
}
.newsletter_wrap span {
	color:#717173;
	font-size:16px
}
.newsletter_form {
	position:relative;
	background:#fff;
	border-radius:12px;
	width:770px;
	margin:auto;
	margin-top:auto;
	margin-top:40px;
	height:68px;
	display:flex;
	align-items:center
}
.newsletter_form input {
	color:#a9a9ab;
	font-size:15px;
	background:#f9f9f9;
	box-shadow:none;
	border:0 solid #e6dcdc;
	height:54px;
	border-radius:12px;
	width:calc(100% - 186px);
	position:relative;
	right:-8px;
	padding-left:25px;
	outline:0
}
.newsletter_form a {
	position:absolute;
	right:8px;
	top:50%;
	transform:translateY(-50%);
	font-size:16px;
	background:#00938d;
	color:#fff;
	border-radius:12px;
	height:55px;
	line-height:55px;
	text-align:center;
	padding:0 38px;
	font-weight:500;
	width:162px
}
.newsletter_form a:hover {
	background:#fd661f
}
footer {
	background:#f8f7f3;
	padding-top:96px
}
footer ul li {
	margin:0;
	padding:0;
	display:inline
}
.quick_lnk ul {
	text-align:center
}
.quick_lnk ul li {
	margin:0 13px
}
.quick_lnk ul li a {
	font-weight:700;
	color:#717173;
	font-family:Lato, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif
}
.quick_lnk ul li :hover {
	color:#fd661f
}
.footer_socil ul li {
	margin:0 4px
}
.footer_socil ul li a {
	background:#fff;
	border-radius:50%;
	width:30px;
	height:30px;
	display:inline-block;
	text-align:center;
	font-size:14px;
	line-height:30px
}
.footer_socil ul {
	text-align:right
}
.footer_socil ul li a:hover {
	color:#fff;
	background:#00938d
}
.subfooter {
	text-align:center;
	background:#00938d;
	padding:32px 15px 38px
}
.subfooter p {
	color:#fff;
	margin:0;
	font-size:14px
}
.subfooter p a {
	color:#fff
}
.navigation.navigation_two {
	background-color:#eaf1ed
}
.hero_two {
	background:#eaf1ed;
	padding-bottom:8px;
	padding-top:85px;
	height:760px
}
.hero_two .row {
	align-items:center
}
.hero-section img {
	width:auto!important
}
.hero_two .hero_text p {
	margin-bottom:30px;
	margin-top:-5px
}
.hero_two .hero_text h2 {
	font-size:50px;
	line-height:60px;
	margin-top:-14px
}
.hero_two .hero_img {
	float:inherit;
	margin-left:60px
}
.hero_two .hero_stu {
	bottom:auto;
	top:9%;
	margin-left:-50px;
	padding:14px 27px 17px
}
.coding, .pencil {
	background:#707070;
	position:absolute;
	padding:12px 17px;
	border-radius:8px;
	top:50%;
	left:-27%;
	width:70px!important
}
.coding {
	background:#fd661f;
	top:23%;
	left:auto;
	padding:14px 15px;
	right:-24px
}
.hero_two .ellipse6 {
	right:0;
	margin-right:0;
	top:0;
	margin-top:85px
}
.hero_two .ellipse2 {
	top:5%;
	width:14px
}
.hero_two .ellipse3 {
	top:37%;
	margin-right:-570px;
	animation:inherit
}
.hero_two .ellipse7 {
	bottom:14%;
	left:50%;
	margin-left:-100px
}
.hero_two .ellipse8 {
	width:20px;
	right:50%;
	margin-right:-572px
}
.hero_two .ellipse4 {
	width:15.4px
}
.slider_owl.owl-theme .owl-controls .owl-nav div {
	opacity:0
}
.slider_owl.owl-theme:hover .owl-controls .owl-nav .owl-next {
	opacity:1
}
.slider_owl.owl-theme .owl-controls .owl-nav .owl-next {
	right:2px;
	left:auto
}
.slider_owl.owl-theme .owl-controls .owl-nav .owl-prev {
	left:5px
}
.slider_owl.owl-theme i {
	font-size:30px;
	color:#00938d
}
.workflow_item i {
	display:inline-block;
	font-size:32px;
	width:74px;
	height:68px;
	background:#00938d;
	color:#fff;
	text-align:center;
	line-height:68px;
	border-radius:8px;
	box-shadow:5px 6px 20px 0 rgba(159, 151, 151, .42);
transition:.4s
}
/* {-Variable.TeDianBiaoTi-}图标：SVG 版（替代图标字体 i），沿用主色方块样式 */
.workflow_ico {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:74px;
	height:68px;
	background:#00938d;
	color:#fff;
	border-radius:8px;
	box-shadow:5px 6px 20px 0 rgba(159, 151, 151, .42);
transition:.4s
}
.workflow_ico svg {
	width:34px;
	height:34px;
	display:block
}
.workflow_item:hover .workflow_ico {
	background:#fd661f;
transition:.4s
}
.workflow_item h4 {
	margin-top:28px;
	margin-bottom:14px;
	font-size:22px
}
.workflow_item {
	text-align:center;
	padding:45px 40px 29px;
	border-radius:12px;
transition:.4s
}
.workflow_item:hover {
	background:#fff;
transition:.4s
}
.workflow_item:hover i {
	background:#fd661f;
transition:.4s
}
.about-section {
	padding-top:130px;
	padding-bottom:100px
}
.about-section .row {
	align-items:center
}
.about_text {
	padding-left:70px
}
.about_text h3 {
	font-size:42px;
	line-height:55px;
	margin-bottom:23px;
	font-weight:900;
	margin-top:-10px
}
.about_text p {
	margin-bottom:35px;
	line-height:27px
}
.about-section .col-md-6 {
	position:relative
}
.abt_course, .abt_rating {
	position:absolute;
	top:68px;
	background-color:rgba(255, 255, 255, .65);
	box-shadow:2px 10px 18px 0 rgba(240, 227, 227, .65);
	padding:20px 40px 18px;
	border-radius:12px;
	z-index:99;
	text-align:center
}
.abt_course {
	top:50%;
	right:0;
	margin-top:-95px;
	margin-right:30px
}
.abt_course span, .abt_rating span {
	display:block;
	margin-top:-3px;
	font-size:16px;
	color:#1e3322
}
.abt_course i, .abt_rating i {
	font-size:12px;
	margin-right:2px;
	color:#ffc107
}
.abt_course i {
	color:#00938d
}
.abt_course h4, .abt_rating h4 {
	margin-bottom:8px;
	font-size:30px;
	font-weight:900;
	letter-spacing:.5px
}
.footertwo-section {
	background:#ebf2ee;
	padding-top:98px
}
.footertwo-section h5 {
	color:#1f1f1e;
	padding-bottom:15px;
	font-size:22px
}
.footertwo-section ul li {
	display:block;
	text-align:left;
	margin-left:0;
	margin-bottom:8px
}
.footertwo-section ul li a {
	color:#1f1f1e;
	font-weight:400;
	font-family:Poppins, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif
}
.footertwo-section .foo_widget ul {
	margin-top:-6px
}
.footertwo-section .footer_socil ul li {
	display:inline-block;
	text-align:left;
	margin-right:4px
}
.footertwo-section .footer_socil ul {
	text-align:left
}
.footertwo-section .footer_socil ul li a {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:14px
}
.footer_contact_form .con-field {
	border:none;
	border-radius:5px;
	height:45px;
	display:block;
	width:100%;
	margin-bottom:10px;
	padding-left:15px
}
.footer_contact_form #message {
	height:75px;
	resize:none;
	outline:0;
	padding-top:7px
}
.footer_contact_form .con-field::placeholder {
color:#a9a9ab
}
.footer_contact_form #submit-contact {
	font-size:16px;
	background:#00938d;
	color:#fff;
	border-radius:5px;
	text-align:center;
	padding:14px 0;
	font-weight:500;
	width:128px;
	margin-top:10px;
	border:none
}
.footer_logo ul {
	margin-top:17px;
	margin-bottom:20px
}
.footertwo-section .container {
	border-bottom:1px solid #e8d6d6;
	padding-bottom:70px
}
.footertwo-section .subfooter {
	background:0 0;
	padding:24px 15px 31px
}
.footertwo-section .subfooter p {
	color:#717173
}
.footertwo-section .subfooter p a {
	color:#717173
}
.single-header {
	position:relative;
	text-align:center;
	color:#fff;
	height:700px;
	background:transparent url("../image/header.jpg");
	color:#fff;
	box-sizing:border-box;
	height:340px;
	background-repeat:no-repeat;
	width:100%;
	background-size:cover;
	position:relative
}
.single-header .col-sm-12 {
	display:flex;
	flex-direction:column;
	height:340px;
	justify-content:center
}
.single-header h4 {
	color:#ddd;
	text-transform:capitalize;
	font-size:16px;
	letter-spacing:1px;
	display:block;
	margin-bottom:-25px;
	font-weight:500
}
.single-header h4 span {
	margin:0 2px
}
.single-header h4 a {
	color:#fff
}
.single-header h3 {
	color:#fff;
	text-transform:capitalize;
	font-size:55px;
	letter-spacing:0;
	padding-bottom:8px;
	font-weight:700;
	text-align:center;
	line-height:1.1;
	margin-top:-35px
}
.single-header h4 a:hover {
	color:#fff
}
#revCarousel {
	overflow:hidden;
	margin-bottom:31px;
	margin-top:25px
}
.carousel-item.sturev_item {
	border-radius:10px;
	background-color:rgba(0, 147, 141, .07);
	padding:30px 40px;
	margin-bottom:41px
}
.sturev_carousel .carousel-indicators {
	bottom:0
}
.sturev_carousel .carousel-indicators button {
	background:#d9d9d9;
	border:none;
	margin:0 5px;
	padding:3px 13px;
	border-radius:25px
}
.sturev_carousel .carousel-indicators button.active {
	background:#00938d
}
.funfacts-section {
	background:#e5f0eb;
	padding:120px 0
}
.funfacts_item {
	background:#fff;
	text-align:center;
	padding:30px 10px 26px;
	border-radius:10px;
	box-shadow:2px 10px 18px 0 rgba(240, 227, 227, .65);
transition:.3s
}
.funfacts_item:hover {
	box-shadow:2px 10px 18px 0 rgba(240, 227, 227, .85);
transition:.3s
}
.funfacts_item span {
	margin:0;
	color:#1e3322;
	font-size:16px
}
.funfacts_item h2 {
	margin-bottom:-2px;
	font-size:30px;
	margin-top:14px;
	color:#1f1f1e
}
.about_pg_lfeedback {
	padding-bottom:130px
}
.cta-section {
	padding-bottom:130px
}
.cta_wrap {
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	background:#e3eeea;
	border-radius:12px;
	padding:80px 100px
}
.cta_text {
	padding-right:140px
}
.cta_text h3 {
	color:#1f1f1e;
	font-size:42px;
	margin-bottom:25px
}
.cta_text p {
	color:#717173;
	font-size:16px;
	line-height:26px
}
.submit-contact {
	padding-right:40px;
	padding-left:40px;
	height:55px;
	text-align:center;
	letter-spacing:0;
	text-transform:capitalize;
	display:inline-block;
	overflow:hidden;
	outline:0;
	border:none;
	color:#fff;
	position:relative;
	background:#00938d;
	font-size:16px;
	font-weight:500;
	border-radius:5px;
	font-family:Poppins, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", "Noto Sans SC", sans-serif
}
.submit-contact:hover {
	background-color:#3b3f46;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
.events-page .feat_cour_lesson i.pe-7s-date {
	top:2px
}
/* logo 适配：换图后按高度等比缩放，垂直居中于导航。改 height 即可调大小 */.navigation .logo {
	width:auto
}
.navigation .logo img {
	max-width:none;
	width:auto;
	height:48px;
	display:block
}

/* {-Variable.JiBenXinXiBiaoTi-}列表：无序号、无标记的纯文本列表 */
.about_list{list-style:none;padding-left:0;margin:0}
.about_list li{margin-bottom:16px;line-height:1.7;font-size:16px}
.about_list li:last-child{margin-bottom:0}
.about_list li strong{color:#1f1f1e;font-weight:700}

/* 发展历史：竖向时间线，年份一行 + 该年发展一行，沿用主色 #00938d */
.history-section{padding-top:100px}
.history{margin:0 auto}
.history_item{position:relative;padding:0 0 32px 38px;border-left:2px solid #e6e5e1}
.history_item:last-child{padding-bottom:0;border-left-color:transparent}
.history_item::before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:#00938d;border:3px solid #fff;box-shadow:0 0 0 1px #00938d}
.history_year{display:block;font-size:24px;font-weight:900;color:#00938d;line-height:1.1;margin-bottom:8px}
.history_desc{margin:0;line-height:1.8;color:#3a3d42}
/* 发展历史 - 整体居中及宽度优化 */
.history-section .history {
    max-width: 800px;          /* 限制最大宽度，避免条目过长 */
    margin: 0 auto;            /* 水平居中 */
    padding: 0 20px;           /* 左右留白，避免贴边 */
}

/* 移动端适配：稍减小左边距，保持居中且不拥挤 */
@media (max-width: 768px) {
    .history-section .history {
        padding: 0 15px;
    }
    .history_item {
        padding-left: 28px;     /* 小屏幕下适当减少左侧偏移 */
    }
}

/* ===== Footer：单列内部左对齐，三列整体两端对齐 ===== */
.footertwo-section .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px}
.footertwo-section .row > [class*="col-"]{width:auto;float:none;padding:0}
/* 单列内部一律左对齐 */
.footertwo-section .footer_logo,
.footertwo-section .foo_widget{text-align:left}
/* 左列：logo + 标语 */
.footertwo-section .footer_logo img{display:block;margin:0 0 16px;max-width:160px;height:auto}
.footertwo-section .footer_logo p{margin:0;max-width:300px;color:#5a5f5c;line-height:1.8}
/* 标题左对齐 + 主色短下划线 */
.footertwo-section .foo_widget h5{position:relative;text-align:left;font-size:20px;padding-bottom:16px;margin-bottom:20px}
.footertwo-section .foo_widget h5::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:2px;background:#00938d}
/* 简介文字 / 列表左对齐 */
.footertwo-section .foo_widget p{margin:0 0 12px;max-width:300px;color:#5a5f5c;line-height:1.8;text-align:left}
.footertwo-section .foo_widget ul{margin:0;padding:0}
.footertwo-section .foo_widget ul li{text-align:left;margin-bottom:10px;color:#5a5f5c;line-height:1.7}
.footertwo-section ul li a{color:#5a5f5c;transition:color .25s}
.footertwo-section ul li a:hover{color:#00938d}
/* {-Variable.FuWuNeiRongBiaoTi-}（第2列）：每项前加主色小圆点 */
.footertwo-section .row > [class*="col-"]:nth-child(2) .foo_widget ul li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#00938d;vertical-align:middle}
/* 移动端（≤991px）：三列堆叠为单列、整体靠左 */
@media (max-width:991px){
  .footertwo-section{padding-top:70px}
  .footertwo-section .row{display:block}
  .footertwo-section .row > [class*="col-"]{width:100%;margin-bottom:36px;padding-left:15px;padding-right:15px}
  .footertwo-section .row > [class*="col-"]:last-child{margin-bottom:0}
}
.page-head{background:#eaf1ed;padding:42px 0;text-align:center}
.page-head h2{font-size:32px;margin:0 0 8px;color:#1f1f1e}
.crumb{list-style:none;margin:0;padding:0;font-size:14px}
.crumb li{display:inline-block;color:#8a8f8c}
.crumb li+li:before{content:"/";margin:0 10px;color:#b9c2bd}
.crumb a{color:#00938d;text-decoration:none;transition:.3s}
.crumb a:hover{color:#fd661f}
.page-head h2{font-size:34px;line-height:1.25}
/* 移动端：页面主标题适当缩小 */
@media (max-width:767px){
  .page-head h2{font-size:26px}
}

/* ===== 修复：{-Variable.FuWuNeiRongBiaoTi-}含数字/字母的行基线偏移 —— flex 对齐，不依赖字体度量 ===== */
.footertwo-section .foo_widget ul li{
  display:flex;
  align-items:center;
  line-height:1.7;
}
.footertwo-section .row > [class*="col-"]:nth-child(2) .foo_widget ul li::before{
  flex:0 0 6px;
  height:6px;
  margin-right:8px;
  vertical-align:initial;
}

/* ===== 关于页正文（about.html 的「{-Variable.D1-}」section）—— 内联样式抽离 ===== */
/* 用 .about-article 限定，避免覆盖 index.html 同名 .about-section */
.about-section.about-article{padding:80px 0 100px}
.about-article_body{max-width:820px;margin:0 auto;font-size:16px;line-height:32px;color:#3a3d42}
.about-article_body p{margin-bottom:22px}
.about-article_body p:last-of-type{margin-bottom:0}
.about-article_cta{text-align:center;margin-top:45px}
/* ===== 关于页正文：标题层级与强调色 ===== */
/* 正文内标题单独设尺寸，不影响全局 h2/h3 及{-Variable.HomeTitle-} .base-header h3 */
.about-article_body h2{font-size:26px;line-height:1.4;margin:36px 0 14px}
.about-article_body h3{font-size:20px;line-height:1.5;margin:28px 0 10px}
/* 强调字加深，与正文拉开层次 */
.about-article_body strong{color:#1f1f1e;font-weight:700}
/* ===== {-Variable.HomeTitle-}正文颜色统一为 about 页正文色 #3a3d42 ===== */
.workflow_item p{color:#3a3d42}
.about_list li{color:#3a3d42}