main {
	margin: 0 auto;
}

.section {
	margin: 0 auto;
	margin-bottom: 60px;
  padding: 0 8rem;
}

#logobg,
#aboutbg,
#certification {
	width: auto;
}

.menu-toggle {
  display: none;
  width: 20px;
  height: 20px;
  background: url(../img/menu-toggle.png) no-repeat center center;
  background-size: contain;
}

#logobg,
#aboutbg {
	position: relative;
  	padding: 0;

}

#logobg img,
#aboutbg img {
	width: 100%;
}

#aboutbg p {
	text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 30%;
	left: 10%;
	font-size: 76px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}

#logobg .p {
	position: absolute;
	left: 8rem;
	top: 50%;
	transform: translate(0, -50%);
}

#logobg p {
	letter-spacing: 3px;
	line-height: 90px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

#logobg .p p:first-child {
	font-size: 76px;
}

#logobg .p p:nth-child(2) {
	font-size: 40px;
	font-weight: 500;
}

#logobg .p p.certificate-title{
	font-size: 60px;
	font-size: (30px + 3vw)
	font-size: 4rem;
}

#logobg .p p:nth-child(2) span:first-child {
	padding: 10px 20px;
	border-radius: 12px;
	opacity: 1;
	font-size: 26px;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.2);
	margin-right: 30px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
}

#logobg .p p:nth-child(2) span:last-child {
	padding: 10px 50px;
	border-radius: 12px;
	opacity: 1;
	font-size: 26px;
	font-weight: 500;
	background: #008CFF;
	box-sizing: border-box;
	border: 1px solid #008CFF;
}

.certificate-level {
	width: 300px;
	height: 290px;
	background: url(../img/certificate-level.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	bottom: -50px;
	right: 100px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: end;
}

.certificate-level h2 {
	font-size: 70px;
	font-weight: bold;
	color: #fff;
}

.certificate-level p {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

#logobg .chat {
	padding: 16px 28px;
	border-radius: 8px;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid #0165E8;
	min-width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(270deg, #FC840B 0%, #FAB354 100%);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	width: 250px;
}

#aboutbg p {
	top: 50%;
	transform: translateY(-50%);
}

.section-header {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}

.section-title {
	font-size: 48px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #083064;
	border-bottom: 5px solid #083064;
}

.more-link {
	position: absolute;
	right: 0;
	font-weight: bold;
	color: #5435ef;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.3s;
}

.more-link:hover {
	text-decoration: underline;
	transform: translateX(3px);
}

.section-content {
	padding: 20px 0;
}

.about-content {
	font-size: 28px;
	line-height: 2;
	color: #666;
}

.features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(450px, 3fr));
	gap: 30px;
	margin-top: 30px;
}

.feature-item {
	background: #fff;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s, box-shadow 0.3s;
	width: 100%;
	height: 450px;
	position: relative;
}

.feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.feature-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
}

.feature-icon img {
	width: 100%;
	height: 100%;
}

.feature-1 {
	background: url(../img/indeximg/icon1.png) 100% 100%;
	background-size: cover;
}

.feature-2 {
	background: url(../img/indeximg/icon2.png) 100% 100%;
	background-size: cover;
}

.feature-3 {
	background: url(../img/indeximg/icon3.png) 100% 100%;
	background-size: cover;
}

.feature-4 {
	background: url(../img/indeximg/icon4.png) 100% 100%;
	background-size: cover;
}

.feature-5 {
	background: url(../img/indeximg/icon5.png) 100% 100%;
	background-size: cover;
}

.feature-6 {
	background: url(../img/indeximg/icon6.png) 100% 100%;
	background-size: cover;
}

.feature-7 {
	background: url(../img/indeximg/icon7.png) 100% 100%;
	background-size: cover;
}

.feature-8 {
	background: url(../img/indeximg/icon8.png) 100% 100%;
	background-size: cover;
}

.feature-9 {
	background: url(../img/indeximg/icon9.png) 100% 100%;
	background-size: cover;
}

.feature-10 {
	background: url(../img/indeximg/icon10.png) 100% 100%;
	background-size: cover;
}

.feature-11 {
	background: url(../img/indeximg/icon11.png) 100% 100%;
	background-size: cover;
}

.feature-12 {
	background: url(../img/indeximg/icon12.png) 100% 100%;
	background-size: cover;
}

.feature-13 {
  background: url(../img/indeximg/icon13.png) 100% 100%;
  background-size: cover;
}

.feature-14 {
  background: url(../img/indeximg/icon14.png) 100% 100%;
  background-size: cover;
}

.feature-15 {
  background: url(../img/indeximg/icon15.png) 100% 100%;
  background-size: cover;
}

.feature-16 {
  background: url(../img/indeximg/icon16.png) 100% 100%;
  background-size: cover;
}

.feature-17 {
  background: url(../img/indeximg/icon17.png) 100% 100%;
  background-size: cover;
}

.feature-18 {
  background: url(../img/indeximg/icon18.png) 100% 100%;
  background-size: cover;
}

.feature-desc {
	font-size: 24px;
	padding: 28px 0;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #083064d6;
	width: 100%;
}

.feature-partner .feature-item {
	background: #f3faff;
}

.feature-partner .feature-icon {
	border-radius: 0;
}

.feature-partner .feature-item p {
	color: #666;
}

#certification {
	background: url(../img/indeximg/icon9.webp) 100% 100%;
	background-size: cover;
}

.container-max {
	overflow: hidden;
	border-radius: 8px;
	margin: 0 auto;
	padding: 60px;
	width: 80%;
}

.tab-buttons {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	width: fit-content;
	border-bottom: 1px solid #fff;
}

.tab-button {
	padding: 12px 30px;
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, 0.7);
	font-size: 36px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	border-bottom: 4px solid #f0f0f000;
}

.tab-button.active {
	border-bottom: 4px solid #fff;
	color: #fff;
}

.tab-content {
	display: none;
	animation: fadeIn 0.5s ease;
}

.tab-content.active {
	display: block;
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 40px;
}

.service-card {
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 15px;
	text-align: center;
	transition: transform 0.3s ease, background-color 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 270px;
}

.service-card:hover {
	transform: translateY(-5px);
}

.service-card-1 {
	background: url(../img/indeximg/icon10.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-2 {
	background: url(../img/indeximg/icon11.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-3 {
	background: url(../img/indeximg/icon12.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-4 {
	background: url(../img/indeximg/icon13.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-5 {
	background: url(../img/indeximg/icon14.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-6 {
	background: url(../img/indeximg/icon15.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-7 {
	background: url(../img/indeximg/icon16.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-8 {
	background: url(../img/indeximg/icon17.png) #f3faff no-repeat;
	background-size: cover;
}

.service-card-9 {
	background: url(../img/indeximg/icon18.png) #f3faff no-repeat;
	background-size: cover;
}

.service-title {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 80px 120px 0 60px;
	color: #3b6ef8;
	text-align: left;
}

.container-max .text {
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 2;
}

.faq-section {
	background: #fafafa;
	padding: 80px 200px;
	margin-bottom: 60px;
}

.faq-heading {
	font-size: 32px;
	font-weight: 600;
	color: #6f6f6f;
	margin-bottom: 60px;
	text-align: center;
}

.faq-container {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.faq-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.faq-icon {
	background-color: #1e88e5;
	color: #ffffff;
	width: 45px;
	height: 50px;
	border-radius: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	flex-shrink: 0;
	background: linear-gradient(135deg, #207bff, #3b4df5);
}

.faq-content {
	flex: 1;
}

.faq-question {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	line-height: 1.4;
}

.faq-answer {
	font-size: 20px;
	color: #6a6a6a;
	line-height: 1.5;
}

.business-card {
	margin: 20px auto;
	height: 400px;
	border-radius: 400px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);
	display: flex;
	overflow: hidden;
	position: relative;
	padding: 0 105px;
	background: url(../img/indeximg/icon23.webp) #f3faff no-repeat;
	background-size: cover;
}

.card-left {
	flex: 1;
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.name-tag {
	color: #333;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 36px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
}

.title-tag {
	background: linear-gradient(135deg, #207bff, #3b4df5);
	color: white;
	border-radius: 55px;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 20px;
	width: 210px;
	height: 55px;
	line-height: 55px;
	text-indent: 2em;
}

.contact-info {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
}

.contact-item span {
	padding: 15px 30px;
	background: #fff;
	border-radius: 50px;
	color: #6f6f6f;
}

.card-right {
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.profile-image {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background: url(../img/indeximg/icon24.webp) no-repeat;
	background-size: cover;
}

.content-container {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	align-items: flex-start;
}

.text-section {
	flex: 1;
	min-width: 300px;
}

.logo-section {
	background: #f8f8f8;
	padding: 70px 60px;
	border-radius: 8px;
}

.logo-con {
	width: 560px;
	height: 200px;
	background: url(../img/logo.png) #f8f8f8 no-repeat center center;
	background-size: contain;
}

.quote-icon {
	display: flex;
	align-item: center;
}

.quote-icon i {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../img/indeximg/icon26.webp) no-repeat center center;
	background-size: contain;
	margin-right: 20px;
}

.quote-icon h1 {
	font-size: 56px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #6f6f6f;
}

.text-content {
	margin-top: 30px;
	font-size: 23px;
	color: #666;
	line-height: 1.8;
}

.text-content p {
	margin-bottom: 20px;
	text-align: justify;
}

/* 搜证书 */
.certificate-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	padding: 10px 8rem;
}

.search-box {
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	background-color: #f6f6f6;
	border-radius: 8px;
	border: 1px solid #e0e6ef;
	padding: 0 15px;
	min-height: 66px;
}

.certificate-search-interface__dropdown-toggle {
	display: flex;
	align-items: center;
	padding-right: 15px;
	border-right: 1px solid #e0e6ef;
	cursor: pointer;
	user-select: none;
	min-width: 90px;
}

.certificate-search-interface__dropdown-text {
	color: #083064;
	font-size: 22px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 8px;
}

.certificate-search-interface__dropdown-arrow {
	color: #0165E8;
	font-size: 14px;
	transition: transform 0.3s ease;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
 /* 左边框 */
	border-right: 10px solid transparent;
 /* 右边框 */
	border-bottom: 10px solid #083064;
}

.certificate-search-interface__search-input {
	flex: 1;
	padding: 0 15px;
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: #333;
	outline: none;
	height: 100%;
}

.certificate-search-interface__search-input::placeholder {
	color: #a0aec0;
}

.certificate-search-interface__search-icon {
	color: #a0aec0;
	font-size: 18px;
	cursor: pointer;
	transition: color 0.3s ease;
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url(../img/seoicon.png) no-repeat center center;
	background-size: contain;
}

.certificate-search-interface__search-icon:hover {
	color: #0165E8;
}

.certificate-search-interface__button-group {
	display: flex;
	gap: 15px;
}

.certificate-search-interface__button {
	padding: 16px 28px;
	border-radius: 8px;
	font-size: 24px;
	font-size: 1.4rem;
	font-weight: bold;
  /* transition: all 0.3s ease; */
	cursor: unset;
	border: 2px solid #f6f6f6;
	min-width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.certificate-secondary {
	background-color: #f6f6f6;
	color: #999;
}

.certificate-secondary i {
	display: inline-block;
	width: 38px;
	height: 38px;
}

#scoreButton i {
	background: url(../img/grade.png) no-repeat center center;
	background-size: contain;
	margin-right:5px;
}

#scoreButton.certificate-primary i {
	background: url(../img/grade2.png) no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}

.certificate-secondary:hover {
	background-color: #f0f7ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(58, 122, 254, 0.1);
}

.certificate-primary {
	background-color: #0165E8;
	color: #ffffff;
}

.certificate-primary i {
	display: inline-block;
	width: 38px;
	height: 38px;
}

#certButton i {
	background: url(../img/certificate2.png) no-repeat center center;
	background-size:contain;
	margin-right: 5px;
}

#certButton.certificate-primary i {
	background: url(../img/certificate.png) no-repeat center center;
	background-size:contain;
	margin-right: 5px;
}

.certificate-primary:hover {
	background-color: #2a6df5;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(58, 122, 254, 0.2);
}

.certificate-search-interface__result-container {
	margin-top: 40px;
	border-top: 1px solid #eaeef5;
	padding-top: 30px;
}

.certificate-search-interface__result-title {
	font-size: 20px;
	color: #1a3a5f;
	margin-bottom: 20px;
	font-weight: 600;
}

.certificate-search-interface__result-content {
	background-color: #f8fafd;
	border-radius: 8px;
	padding: 25px;
	border: 1px solid #eaeef5;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.certificate-search-interface__result-icon {
	font-size: 48px;
	color: #cbd5e0;
	margin-bottom: 20px;
}

.certificate-search-interface__result-text {
	color: #8a98b1;
	font-size: 16px;
	text-align: center;
}

.certificate-search-interface__dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	min-width: 180px;
	z-index: 100;
	margin-top: 5px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	overflow: hidden;
}

.certificate-dropdown-menu--active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.certificate-search-interface__dropdown-item {
	padding: 14px 20px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
}

.certificate-search-interface__dropdown-item:hover {
	background-color: #f8fafd;
}

.certificate-dropdown-item--active {
	color: #0165E8;
	font-weight: bold;
	background-color: #f0f7ff;
}

.certificate-search-interface__dropdown-item-icon {
	color: #0165E8;
	font-size: 14px;
	opacity: 0;
}

.certificate-dropdown-item--active
  .certificate-search-interface__dropdown-item-icon {
	opacity: 1;
}

.certificate-search-interface__footer {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #eaeef5;
	text-align: center;
	color: #8a98b1;
	font-size: 14px;
}

.certificate-search-interface__footer-link {
	color: #0165E8;
	text-decoration: none;
}

.certificate-search-interface__footer-link:hover {
	text-decoration: underline;
}

.partner-con.section{
  background: radial-gradient(50% 50% at 50% 50%, #F0F7FF 0%, #F8F8F8 100%);
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0 ;
}

.partner-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 20px; 
  padding: 0 8rem; 
  list-style: none; 
  margin: 0 auto;
  justify-items: center; 
}

.partner-section li {
  width: 100%; 
  height: auto;
  min-height: 80px;
  margin: 0; 
  padding: 20px 40px; 
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-sizing: border-box;
}

.partner-section li img {
  max-width: 100%;
  max-height: 80px; 
  width: auto;
  height: auto;
  object-fit: contain;
}

/* 最新资讯 */
.cooperation-news-module {
	background-color: #f6f6f6;
	display: flex;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	overflow: hidden;
	padding: 36px;
}

.cooperation-news-img {
  /* flex: 1; */
	background: url(../img/news.png) no-repeat center center;;
	background-size: cover;
	width: 540px;
	height: 278px;
	background-color: #1a365d;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.cooperation-news-img.img2 {
    background: url(../img/news2.png) no-repeat center center;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img {
	box-shadow: 34px 30px 0px #fff;
	width: 620px;
	height: 430px;
}

.cooperation-news-img.subjects-details-img.img1 {
	background: url(../img/subjectimg.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img2 {
	background: url(../img/subjectimg2.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img3 {
	background: url(../img/subjectimg3.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img4 {
	background: url(../img/subjectimg4.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img5 {
	background: url(../img/subjectimg5.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img6 {
	background: url(../img/subjectimg6.png) no-repeat;
	background-size: cover;
}

.cooperation-news-img.subjects-details-img.img13 {
  background: url(../img/subjectimg13.png) no-repeat;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img.img14 {
  background: url(../img/subjectimg14.png) no-repeat;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img.img15 {
  background: url(../img/subjectimg15.png) no-repeat;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img.img16 {
  background: url(../img/subjectimg16.png) no-repeat;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img.img17 {
  background: url(../img/subjectimg17.png) no-repeat;
  background-size: cover;
}

.cooperation-news-img.subjects-details-img.img18 {
  background: url(../img/subjectimg18.png) no-repeat;
  background-size: cover;
}

#subjects-details-module {
	padding: 66px 240px;
	padding: 66px 8rem;
	border-radius: 0 !important;
	margin: 0 auto;
	margin-bottom: 60px;
	background: linear-gradient(108deg, #0165e8 0%, #093369 99%);
}

#subjects-details-module .cooperation-news-module__content-container {
	flex: 1;
	min-width: 500px;
	padding: 0 70px 0 0;
	display: flex;
	flex-direction: column;
}

#subjects-details-module .cooperation-news-module__title {
	font-size: 60px;
	font-size: 3rem;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 15px;
	font-weight: bold;
}

#subjects-details-module .cooperation-news-module__paragraph {
	font-size: 26px;
	color: #fff;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: justify;
}

#subjects-details-module .fee {
	font-size: 66px;
	font-size: 3rem;
	font-weight: 900;
	line-height: 66px;
	background: linear-gradient(270deg, #fc840b 0%, #fab354 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom: 30px;
}

#subjects-details-module .signup {
	padding: 16px 28px;
	border-radius: 8px;
	font-size: 36px;
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid #0165E8;
	min-width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(270deg, #fc840b 0%, #fab354 100%), #ffffff;
	width: 250px;
}

.cooperation-news-module__content-container {
	flex: 1;
	min-width: 400px;
	padding: 0 0 0 30px;
	display: flex;
	flex-direction: column;
}

.cooperation-news-module__title {
	font-size: 28px;
	color: #3d3d3d;
	line-height: 1.4;
	margin-bottom: 15px;
	font-weight: bold;
}

.newscon .cooperation-news-module__title {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow:hidden;
}

.cooperation-news-module__paragraph {
	font-size: 22px;
	color: #666;
	line-height: 44px;
	margin-bottom: 20px;
	text-align: left;
}

.newscon .cooperation-news-module__paragraph {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	overflow:hidden;
	margin-bottom: 0;
}

/* 职业搜索框 */

/* 职业搜索组件样式 */
.occupation-search-component {
	max-width: 1000px;
	margin: 40px auto;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.occupation-search-component__header {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeef5;
}

.occupation-search-component__title {
	font-size: 24px;
	color: #1a365d;
	font-weight: 600;
	margin-bottom: 10px;
}

.occupation-search-component__description {
	font-size: 16px;
	color: #718096;
	line-height: 1.6;
}

/* 搜索容器 */
.occupation-search__container {
	display: flex;
	align-items: center;
	border: 1px solid #d0d7e2;
	border-radius: 8px;
	background-color: #f6f6f6;
	height: 60px;
	padding: 30px;
	position: relative;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.occupation-search__container:focus-within {
	border-color: #0165E8;
	box-shadow: 0 0 0 3px rgba(58, 122, 254, 0.1);
}

/* 菜单按钮 */
.occupation-search__menu-button {
	width: 56px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #e0e6ef;
	cursor: pointer;
	color: #5a6c87;
	font-size: 18px;
	background-color: #f8f9fa;
	transition: background-color 0.2s ease;
	border: none;
	outline: none;
}

.occupation-search__menu-button:hover {
	background-color: #edf1f7;
}

/* 分类选择器 */
.occupation-search__category {
	position: relative;
	min-width: 160px;
	height: 100%;
}

.occupation-search__category-button {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	background-color: transparent;
	border: none;
	border-right: 1px solid #e0e6ef;
	cursor: pointer;
	color: #999;
	font-size: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	outline: none;
}

.occupation-search__category-button:hover {
	background-color: #f8f9fa;
}

.occupation-search__category-text {
	margin-right: 8px;
}

.occupation-search__category-arrow {
	color: #5a6c87;
	font-size: 12px;
	transition: transform 0.3s ease;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #999;
}

.occupation-search__category-button.active .occupation-search__category-arrow {
	transform: rotate(180deg);
}

/* 下拉菜单 */
.occupation-search__dropdown {
	position: absolute;
	top: 80px;
	right: 0;
	width: 100%;
	background-color: white;
	border: 1px solid #e0e6ef;
	border-top: none;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	max-height: 300px;
	overflow-y: auto;
}

.occupation-search__dropdown.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.occupation-search__option {
	padding: 14px 16px;
	font-size: 24px;
	color: #5a6c87;
	cursor: pointer;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f1f5f9;
}

.occupation-search__option:last-child {
	border-bottom: none;
}

.occupation-search__option:hover {
	background-color: #f8fafd;
}

.occupation-search__option.selected {
	background-color: #0165E8;
	color: white;
}

.occupation-search__option.selected:hover {
	background-color: #0165E8;
}

.occupation-search__option-check {
	font-size: 14px;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.occupation-search__option.selected .occupation-search__option-check {
	opacity: 1;
}

/* 搜索输入 */
.occupation-search__input-wrapper {
	flex: 1;
	height: 100%;
	position: relative;
}

.occupation-search__input {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	text-indent: 2em;
	font-size: 20px;
	color: #333333;
	background-color: #f6f6f6;
}

.occupation-search__input::placeholder {
	color: #a0aec0;
}

/* 搜索按钮 */
.occupation-search__button {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: none;
	border: none;
	border-radius: 0 8px 8px 0;
	background: #f6f6f6;
}

.occupation-search__button i {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: url(../img/seoicon.png) no-repeat center center;
	background-size: contain;
}

.occupation-search__menu-button i {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/seo.png) no-repeat center center;
	background-size: contain;
}

/* 示例容器 */
.demo-container {
	margin-top: 50px;
	padding: 30px;
	background-color: #f8fafd;
	border-radius: 12px;
}

.demo-container__title {
	font-size: 20px;
	color: #1a365d;
	margin-bottom: 20px;
	font-weight: 600;
}

.demo-container__description {
	font-size: 16px;
	color: #718096;
	line-height: 1.6;
	margin-bottom: 30px;
}

.target-audience-card .target-audience-card__icon {
	background: url(../img/target-audience1.png) no-repeat center center;
	background-size: contain;
}

.target-audience-card .target-audience-card__icon2 {
	width: 60px;
	height: 60px;
	background: url(../img/target-audience2.png) no-repeat center center #fff;
	background-size: contain;
}

.target-audience-card {
	background: url(../img/target-audience-card.png) no-repeat center center #fff;
	background-size: cover;
	border-radius: 12px;
	width: 45%;
	padding: 30px;
}

.target-audience-card:first-child {
	margin-right: 45px;
}

.target-audience-card__header {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e9ecef;
}

.target-audience-card__icon {
	width: 40px;
	height: 40px;
	background-color: #0165E8;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}

.target-audience-card__icon i {
	color: white;
	font-size: 20px;
}

.target-audience-card__title {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	margin: 0;
}

.target-audience-card__list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.target-audience-card__item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	color: #666;
	font-size: 22px;
	line-height: 1.5;
}

.target-audience-card__item:last-child {
	margin-bottom: 0;
}

.target-audience-card__bullet {
	width: 22px;
	height: 22px;
	background-color: #08306442;
	border-radius: 50%;
	margin-right: 12px;
	margin-top: 6px;
	flex-shrink: 0;
	position: relative;
}

.target-audience-card__bullet:after {
	content: "";
	width: 12px;
	height: 12px;
	background: linear-gradient(180deg, #0165E8 0%, #093369 100%);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.target-audience-card__text {
	flex: 1;
}

#target-audience {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.port-technician-tabs {
	display: flex;
	margin-bottom: 30px;
	background: #f6f6f6;
}

.port-technician-tab {
	padding: 30px 36px;
	font-size: 46px;
	font-size: 2rem;
	font-weight: 500;
	cursor: pointer;
	color: #999;
	border: none;
	background: none;
	position: relative;
	transition: color 0.3s ease;
	font-weight: bold;
}

.port-technician-tab:hover {
	color: #083064;
}

.port-technician-tab.active {
	color: #083064;
}

.port-technician-tab.active::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #083064;
}

.port-technician-content {
	display: none;
}

.port-technician-content.active {
	display: block;
}

.port-technician-section {
	margin-top: 46px;
}

.port-technician-section-title {
	font-size: 36px;
	font-size: 2rem;
	color: #333;
	margin-bottom: 16px;
	font-weight: 700;
}

.port-technician-list {
  /* padding-left: 24px; */
	margin-bottom: 12px;
}

.port-technician-list-item {
	margin-bottom: 10px;
	font-size: 26px;
	color: #666;
	line-height: 52px;
}

.port-technician-paragraph {
	margin-bottom: 12px;
	color: #666;
	font-size: 26px;
	font-size: 1.6rem;
}

#certificate-content .certificate-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 600px;
	background-color: #f8f9fa;
	border-radius: 6px;
	padding: 40px;
	justify-content: space-between;
	background: url(../img/certificateex.png) no-repeat center center;
	background-size: contain;
}

.flow-container {
	display: flex;
	align-items: center;
	jaustify-content: center;
}

.flow-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.flow-circle {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 46px;
	border: 3px solid  #C5C5C5;
	color: #C5C5C5;
}

.flow-circle.completed {
	color: white;
	border: 4px solid  #0165E8;
	color: #0165E8;
}

.flow-connector.completed {
	background: #0165E8;
}

.flow-text {
	margin-top: 20px;
	font-weight: bold;
	font-size: 22px;
	text-align:center;
	position: absolute;
    bottom: -75px;
}

.flow-text.completed {
	color: #0165E8;
}

.flow-text.pending {
	color: #666666;
}

.flow-connector {
	width: calc((100% - 476.65px) / 4);
	height: 4px;
	background-color: #cccccc;
}

#personal-infor h1 {
	padding: 60px 0;
	font-size: 46px;
	font-size: 2.6rem;
	color: #083064;
	font-weight: bold;
}

#personal-infor .information-section-title {
	font-size: 36px;
	color: #333;
	margin-bottom: 16px;
	font-weight: 700;
}

/* 认证流程 - 填写个人信息*/
  
.user-form-container {
	width: 100%;
  /* max-width: 900px; */
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.user-form-content {
	/* padding: 30px; */
}

.user-form-section {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-bottom: 20px;
}

.user-form-section__title {
	font-size: 36px;
	font-size: 2rem;
	color: #333;
	margin-bottom: 30px;
	font-weight: 700;
}

#user-form-complete .complete {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin-top: 175px;
}

#user-form-complete .complete img {
	width: 500px;
}

#user-form-complete .complete p {
	margin-top: 20px;
}

#user-form-complete .complete p:nth-child(2) {
	color: #093369;
	font-size: 46px;
	font-size: 2.8rem;
	font-weight: bold;
}

#user-form-complete .complete p:nth-child(3) {
	color: #999;
	font-size: 30px;
	font-size: 1.5rem;
}

.user-form-row {
	flex: 1;
}

.user-form-column {
	flex: 1;
}

.photo.user-form-column {
	width: 295px;
	margin-left: 100px;
	flex: none;
}

.user-form-group {
	margin-bottom: 36px;
	display: flex;
	align-items: center;
}

.user-form-photo-upload {
	display: flex;
	flex-flow: column;
	align-items: center;
	position: relative;
}

.short-user-form-input {
	width: 30% !important;
	margin-right: 30px;
}

.user-form-label {
	display: block;
	font-size: 26px;
	color: #666;
	font-weight: 500;
	width: 300px;
}

.user-form-photo-upload .user-form-label {
	width: auto;
	margin-top: 20px;
	color: #999;
	font-size: 18px;
	text-align: center;
}

.user-form-input {
  /* width: 800px; */
	width: calc(100% - 300px);
	padding: 12px 15px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-size: 26px;
	font-size: 1.6rem;
	color: #C5C5C5;
	transition: all 0.3s ease;
	background-color: #F6F6F6;
}

.user-form-input:focus {
	outline: none;
	border-color: #3a7afe;
	box-shadow: 0 0 0 3px rgba(58, 122, 254, 0.1);
}

.user-form-input::placeholder {
	color: #a0aec0;
}

.user-form-input--select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 16px;
	padding-right: 40px;
}

.user-form-radio-group {
	display: flex;
	gap: 20px;
}

.user-form-radio-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 26px;
}

.user-form-radio-input {
	display: none;
}

.user-form-radio-custom {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 8px solid #EAEAEA;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	transition: all 0.3s ease;
}

.user-form-radio-custom::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	display: none;
}

.user-form-radio-input:checked + .user-form-radio-custom {
	border-color: #083064;
}

.user-form-radio-input:checked + .user-form-radio-custom::after {
	display: block;
}

.user-form-date-group {
	display: flex;
	gap: 10px;
	width: calc(100% - 300px);
	align-items: center;
}

.user-form-date-select {
	flex: 1;
	width: 240px;
}

.user-form-photo-upload {
  /* display: flex;
  align-items: flex-start;
  gap: 25px; */
}

.user-form-photo-container {
	width: 290px;
	height: 350px;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	background-color: #f8fafd;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

.user-form-photo-upload .addicon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	background: url(../img/addicon.png) no-repeat center center;
	cursor:point;
}

.user-form-certificate {
	width: 66px;
	height: 66px;
	border-radius: 10px;
	background: url(../img/addicon.png) no-repeat center center #F6F6F6;
	background-size:60%;
}

.user-form-photo-container i,
.modify-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 46px;
	height: 50px;
	border-radius: 10px;
	background: url(../img/userimg-edit.png) no-repeat center center #08306457;
	display: none;
}

.user-form-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user-form-photo-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #a0aec0;
	text-align: center;
	padding: 15px;
}

.user-form-photo-placeholder i {
	font-size: 32px;
	margin-bottom: 10px;
}

.user-form-photo-placeholder span {
	font-size: 13px;
}

.user-form-footer {
	display: flex;
	justify-content: center;
	padding: 30px;
}

.user-form-button {
	padding: 18px 36px;
	border-radius: 12px;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
	min-width: 300px;
	margin: 0 30px;
	font-weight: bold;
}

.user-form-button--cancel {
	background-color: #fff;
	color: #0165E8;
	border: 1px solid #0165E8;
}

.user-form-button--cancel:hover {
	background-color: #d4e9ff;
}

.user-form-button--next {
	background-color: #0165E8;
	color: #ffffff;
}

.user-form-button--next:hover {
	background-color: #2a6df5;
	box-shadow: 0 4px 12px rgba(58, 122, 254, 0.2);
}

.user-form-edit-icon {
	color: #a0aec0;
	font-size: 14px;
	margin-left: 8px;
	cursor: pointer;
}

.user-form-edit-icon:hover {
	color: #3a7afe;
}

.training-form-container {
	width: 100%;
	max-width: 800px;
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.training-form-header {
	background-color: #f8fafd;
	padding: 25px 30px;
	border-bottom: 1px solid #eaeef5;
}

.training-form-header__title {
	font-size: 22px;
	color: #1a365d;
	font-weight: 600;
}

.training-form-content {
	padding: 30px;
}

.training-form-group {
	margin-bottom: 40px;
}

.training-form-label {
	display: block;
	font-size: 16px;
	color: #2d3748;
	margin-bottom: 15px;
	font-weight: 500;
}

.training-form-input {
	width: 100%;
	padding: 16px 20px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 15px;
	color: #2d3748;
	transition: all 0.3s ease;
	background-color: #ffffff;
	line-height: 1.5;
}

.training-form-input:focus {
	outline: none;
	border-color: #3a7afe;
	box-shadow: 0 0 0 3px rgba(58, 122, 254, 0.1);
}

.training-form-input::placeholder {
	color: #a0aec0;
}

.training-form-textarea {
	min-height: 120px;
	resize: vertical;
	font-family: inherit;
}

.training-form-upload-area {
	border: 2px dashed #e2e8f0;
	border-radius: 8px;
	padding: 40px 20px;
	text-align: center;
	background-color: #f8fafd;
	cursor: pointer;
	transition: all 0.3s ease;
}

.training-form-upload-area:hover {
	border-color: #3a7afe;
	background-color: #f0f7ff;
}

.training-form-upload-area--dragover {
	border-color: #3a7afe;
	background-color: #f0f7ff;
}

.training-form-upload-icon {
	font-size: 48px;
	color: #a0aec0;
	margin-bottom: 20px;
	transition: color 0.3s ease;
}

.training-form-upload-area:hover .training-form-upload-icon {
	color: #3a7afe;
}

.training-form-upload-text {
	font-size: 16px;
	color: #4a5568;
	margin-bottom: 10px;
	font-weight: 500;
}

.training-form-upload-hint {
	font-size: 14px;
	color: #a0aec0;
}

.training-form-file-list {
	margin-top: 20px;
}

.training-form-file-item {
	display: flex;
	align-items: center;
	padding: 15px;
	background-color: #f8fafd;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	margin-bottom: 10px;
}

.training-form-file-icon {
	font-size: 24px;
	color: #3a7afe;
	margin-right: 15px;
}

.training-form-file-info {
	flex: 1;
}

.training-form-file-name {
	font-size: 15px;
	color: #2d3748;
	margin-bottom: 5px;
	font-weight: 500;
}

.training-form-file-size {
	font-size: 13px;
	color: #a0aec0;
}

.training-form-file-remove {
	color: #e53e3e;
	font-size: 18px;
	cursor: pointer;
	transition: color 0.3s ease;
	padding: 5px;
}

.training-form-file-remove:hover {
	color: #c53030;
}

.training-form-footer {
	display: flex;
	justify-content: flex-end;
	padding: 30px;
	border-top: 1px solid #eaeef5;
	background-color: #f8fafd;
	gap: 15px;
}

.training-form-button {
	padding: 14px 32px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
	min-width: 120px;
}

.training-form-button--cancel {
	background-color: #ffffff;
	color: #4a5568;
	border: 1px solid #e2e8f0;
}

.training-form-button--cancel:hover {
	background-color: #f7fafc;
	border-color: #cbd5e0;
}

.training-form-button--submit {
	background-color: #3a7afe;
	color: #ffffff;
}

.training-form-button--submit:hover {
	background-color: #2a6df5;
	box-shadow: 0 4px 12px rgba(58, 122, 254, 0.2);
}

.training-form-char-count {
	text-align: right;
	font-size: 14px;
	color: #a0aec0;
	margin-top: 8px;
}

.training-form-char-count--warning {
	color: #e53e3e;
}

.training-form-upload-input {
	display: none;
}


#institution-content .port-technician-section-title {
  display: flex;
  align-items: center;
  margin: 50px 0;
}

#institution-content .port-technician-section-title i {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url(../img/organisation.png) no-repeat;
  background-size: cover;
  margin-right: 10px;
}

#institution-content .card {
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, #f4f9ff, #f4f9ff), #f6f6f6;
  padding: 20px;
  border-radius: 6px;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

#institution-content .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

#institution-content .logo-area {
  background-color: #fff;
  color: #888888;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 310px;
  height: 180px;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 500;
}

#institution-content .text {
  flex-grow: 1;
  padding: 0 30px;
}

#institution-content .chinese-name {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}

#institution-content .english-name {
  font-size: 20px;
  color: #999;
  letter-spacing: 0.5px;
}

#institution-content .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  flex-shrink: 0;
  padding-right: 20px;
}

#institution-content .arrow-icon {
  width: 46px;
  height: 46px;
  background: url(../img/icon-right.png) no-repeat;
}

#institution-content .code-container {
  margin-top: 40px;
  background-color: #f8f9fa;
  border-radius: 6px;
  padding: 20px;
  border-left: 4px solid #007acc;
}

#institution-content .code-title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: 500;
}

#institution-course {
  display: flex;
  margin: 0 auto;
}

#institution-course .sidebar {
  width: 330px;
  background: #fff;
  padding-top: 20px;
  flex-shrink: 0;
  margin-right: 20px;
  border-radius: 12px;
}

#institution-course .nav-item {
  padding: 18px 24px;
  margin: 15px 0;
  font-size: 26px;
  color: #999;
  cursor: pointer;
  border-left: 4px solid transparent;
  transition: all 0.2s ease;
  position: relative;
}

#institution-course .nav-item:hover {
  background-color: #e8eaed;
}

#institution-course .nav-item.active {
  color: #0165e8;
  background-color: #f0f7ff;
  border-left-color: #0165e8;
  font-weight: 600;
}

#institution-course .nav-item .main-title {
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 0;
}

#institution-course .content {
  flex: 1;
  background-color: #fff;
  padding: 40px;
  overflow-y: auto;
  border-radius: 12px;
}

#institution-course .course-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #083064;
}

#institution-course .course-name {
  font-size: 28px;
  font-weight: 700;
  color: #1890ff;
  margin-bottom: 30px;
  padding: 12px 20px;
  background: #0165e81f;
  border-radius: 8px;
  display: inline-block;
}

#institution-course .synopsis {
  margin-bottom: 50px;
}

#institution-course .synopsis-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

#institution-course .synopsis-content {
  font-size: 26px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 16px;
}

#institution-course .people-list {
  list-style-type: none;
  padding-left: 20px;
}

#institution-course .people-list li,
#institution-course .method {
  margin-bottom: 10px;
  position: relative;
  padding-left: 24px;
  font-size: 26px;
  color: #666;
}

#institution-course .people-list li::before {
  content: "•";
  color: #666;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 3px;
}

.training-form-hint {
	font-size: 14px;
	color: #a0aec0;
	margin-top: 8px;
}

.education-card {
	width: calc(100%- 90px);
	border: 1px solid #0165E8;
	border-radius: 10px;
	background-color: #F4F9FF;
	padding: 25px 60px 25px 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.card-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.info-section {
	flex: 1;
	padding-right: 20px;
}

.info-row {
	margin: 10px 0;
	display: flex;
}

.info-label {
	font-size: 26px;
	color: #666;
	font-weight: bold;
	margin-bottom: 20px;
}

.info-value {
	font-size: 26px;
	color: #666;
	font-weight: 500;
	margin-left: 20px;
}

.certificate-section {
	width: 150px;
	height: 180px;
	background-color: white;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.certificate-section img {
	width: 100%;
	height: 100%;
}

.certificate-section.cross {
	width: 350px;
	height: 180px;
}

.certificate-text {
	font-size: 26px;
	font-weight: bold;
	color: #C5C5C5;
	/* writing-mode: vertical-rl; */
	text-orientation: mixed;
	letter-spacing: 5px;
	/* display:none; */
}

.suppordocument-img {
	justify-content: left;
}

.suppordocument-img .certificate-section {
	margin-right: 20px;
}

.training-form-textarea {
	min-height: 120px;
	resize: vertical;
	font-family: inherit;
}

.training-form-input {
	width: calc(100% - 340px);
	padding: 16px 20px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 26px;
	background-color: #F6F6F6;
	line-height: 1.5;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	color: #C5C5C5;
}



.askedquestions-card:first-child {
	margin-right: 45px;
}

.askedquestions-card {
	padding: 30px;
}

.askedquestions-card__header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.askedquestions-card .askedquestions-card__icon {
	background: linear-gradient(180deg, #0165E8 0%, #093369 100%), linear-gradient(270deg, #3B4DF5 0%, #207BFF 100%);
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.askedquestions-card__icon {
	width: 50px;
	height: 50px;
	background-color: #0165E8;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}

.askedquestions-card__title {
  width: calc(100% - 71px);
	font-size: 2.2rem;
	font-weight: bold;
	color: #333;
}

.askedquestions-card__con {
	font-size: 26px;
	font-size: 1.8rem;
	line-height: 52px;
	font-weight: 500;
	color: #999;
	margin-left: 72px;
}

.contactus-card .icon1 {
	background: url(../img/contactus1.png) no-repeat center center;
	background-size: contain;
}

.contactus-card .icon2 {
	background: url(../img/contactus2.png) no-repeat center center #fff;
	background-size: contain;
}

.contactus-card {
	border: 1px solid #0165E8;
	border-radius: 10px;
	background-color: #F4F9FF;
	padding: 25px 60px 60px 60px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	width: 600px;
	height: 250px;
}

.contactus-card:first-child {
	margin-right: 45px;
}

.contactus-card__header {
	display: flex;
	align-items: center;
}

.contactus-card__icon {
	width: 96px;
	height: 96px;
	background-color: #0165E8;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}

.contactus-card__icon i {
	color: white;
	font-size: 20px;
}

.contactus-card__title {
	/* font-size: 36px; */
	font-size: 2rem;
	font-weight: bold;
	color: #0165E8;
	margin: 0;
	background: linear-gradient(180deg, #0165E8 0%, #093369 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

#contactus {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

.contactus-card__con {
	font-size: 26px;
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 500;
	color: #666;
	margin-left: 116px;
}

.layout-wrapper {
	display: flex;
}
        
/* 左侧区域样式 */
.left-panel {
	flex: 0 0 280px;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border-right: 2px dashed #c5c5c5;
}

.icon-wrapper.icon1 {
	background: url(../img/process/process1.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon2 {
	background: url(../img/process/process2.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon3 {
	background: url(../img/process/process3.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon4 {
	background: url(../img/process/process4.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon5 {
	background: url(../img/process/process5.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon6 {
	background: url(../img/process/process6.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon7 {
	background: url(../img/process/process7.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon8 {
	background: url(../img/process/process8.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper.icon9 {
	background: url(../img/process/process9.png) no-repeat center center;
	background-size: contain;
}

.icon-wrapper {
	width: 86px;
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.document-icon {
	width: 60px;
	height: 60px;
	position: relative;
}

.layout-wrapper .left-panel .title {
	color: #0165E8;
	font-size: 40px;
	font-size:2rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
}
        
        /* 右侧区域样式 */
.right-panel {
	flex: 1;
	padding: 0 35px 40px 0;
}

.right-panel-section {
	margin-left: -18px;
	margin-bottom: 32px;
}

.right-panel-section-title {
	font-size: 36px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 36px;
	color: #333;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	text-indent: 20px;
}

.bullet-point {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #1a6dfc;
	border-radius: 50%;
	margin-right: 12px;
	flex-shrink: 0;
}

.right-panel-section-content {
	color: #666;
	margin-bottom: 5px;
	padding-left: 70px;
	font-size: 26px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 52px;
}

#process	.target-audience-card__bullet {
	width: 36px;
	height: 36px;
	background-color: #08306442;
	border-radius: 50%;
	margin-right: 12px;
	flex-shrink: 0;
	position: relative;
}

#process .target-audience-card__bullet:after {
	content: "";
	width: 22px;
	height: 22px;
	background: linear-gradient(180deg, #0165E8 0%, #093369 100%);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.certification-process {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	margin: 30px 0 100px 0;
}

.certification-process .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 350px;
	background: url(../img/process/certification-process.png) no-repeat center center;
	background-size: 100% 100%;
}

.certification-process li {
	width: 25%;
	float: left;
	display: flex;
	flex-flow: column;
	align-items: center;
	position: relative;
	margin-bottom: 100px;
}

.certification-process ul {
	padding-top: 30px;
}

.certification-process li span {
	position: absolute;
	left: 35%;
	top: 0;
	transform: translate(-50%, 0);
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	color: #999;
}

.certification-process li i {
	display: inline-block;
	width: 54px;
	height: 72px;
	background: url(../img/process/location.png) no-repeat center center;
	background-size: contain;
}

.certification-process li p {
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	color: #333;
	margin-top: 30px;
	font-weight: bold;
}
.upload-container {
	width: 100%;
	margin: 50px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.upload-area:hover {
	border-color: #1890ff;
}

.plus-sign {
	font-size: 48px;
	color: #b0b0b0;
	font-weight: 300;
	transition: color 0.3s;
}

.upload-area:hover .plus-sign {
	color: #1890ff;
}

.preview-image {
	max-width: 100%;
	max-height: 100%;
	display: block;
	object-fit: contain;
}

.modify-btn:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.file-input {
	display: none;
}

.upload-area.has-image .plus-sign {
	display: none;
}

.upload-area.has-image:hover .modify-btn {
	display: block;
}

#subjects-details-module .tip {
	font-size:18px;
	background: linear-gradient(270deg, #fc840b 0%, #fab354 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom: 30px;
}

/* 移动端适配样式  */

/* ========== 1025px-1280px 小屏桌面适配 ========== */
@media (min-width: 1025px) and (max-width: 1280px) {
  .section {
    padding: 10px 2rem;
  }
  #certification-subjects #logobg img {
    height: 250px;
  }

  .features {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }

  .certificate-container {
    padding: 10px 4rem;
  }
  .navbar {
    padding: 20px;
  }

  .partner-section {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 4rem;
  }

  #institution-course {
    padding: 0 2rem;
  }

  #institution-course .sidebar {
    width: 280px;
  }

  #institution-course .nav-item {
    font-size: 22px;
    padding: 15px 20px;
  }

  #institution-course .content {
    padding: 30px;
  }

  #institution-course .course-title {
    font-size: 30px;
  }

  #institution-course .course-name {
    font-size: 24px;
  }

  #institution-course .synopsis-title {
    font-size: 24px;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li,
  #institution-course .method {
    font-size: 22px;
  }
  #cgptc-certification #logobg img {
    height: 280px;
  }

  #cgptc-certification #logobg .p {
    left: 4rem;
  }

  #cgptc-certification #logobg .p p:first-child {
    font-size: 40px;
  }

  #logobg .p p:nth-child(2) span:first-child,
  #logobg .p p:nth-child(2) span:last-child {
    font-size: 20px;
  }

  #cgptc-certification #logobg .p p:nth-child(2) {
    font-size: 32px;
  }

  .certificate-level {
    width: 260px;
    height: 250px;
    right: 60px;
    bottom: -40px;
  }

  .certificate-level h2 {
    font-size: 60px;
  }

  .certificate-level p {
    font-size: 32px;
  }

  .flow-circle {
    width: 80px;
    height: 80px;
    font-size: 40px;
  }

  .flow-text {
    font-size: 20px;
  }

  .user-form-label {
    font-size: 22px;
    width: 180px;
  }

  .user-form-input {
    font-size: 22px;
    width: calc(100% - 180px);
  }

  .user-form-section__title {
    font-size: 30px;
  }

  .user-form-button {
    padding: 16px 30px;
    font-size: 20px;
    min-width: 260px;
  }
}

@media (max-width: 1024px) {
  .occupation-search__category-button{
    font-size: 16px;
  }
  .occupation-search__menu-button i{
    width: 30px;
    height: 30px;
  }

  .occupation-search__container{
        height: 40px;
  }
  .user-form-certificate {
    width: 40px;
    height: 40px;
  }

  #certification-subjects #logobg img {
    height: 250px;
  }

  .menu-toggle {
    display: block;
    margin-right: 10px;
  }
  /* --- 导航栏适配 --- */
  .navbar {
    padding: 10px 15px;
    flex-wrap: wrap;
    position: relative;
  }

  .logo {
    width: 120px;
    height: 35px;
  }

  .nav-links {
    display: none;
    width: 100%;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }

  .nav-links.active {
    display: flex;
  }

  .nav-links > li {
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .nav-links > li > a {
    padding: 15px 20px;
    display: block;
  }

   .partner-section {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 2rem;
  }

  .choiceServicese,
  .languageCon {
    position: static;
    box-shadow: none;
  }

  .ServiceseCon,
  .languageCon {
    position: static;
    padding: 10px 20px;
  }

  .nav-links .login a,
  .nav-links .language a {
    justify-content: left;
  }

  .certbg-phone {
    display: block;
  }

  .certbg-pc {
    display: none;
  }

  #logobg.certbg-phone .p p:first-child {
    font-size: 26px;
    font-weight: bold;
    line-height: 2;
  }

  #logobg .p p:nth-child(2) {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
  }

  .section {
    padding: 10px;
  }

  .certerror-infor p {
    text-align: left;
  }

  #certverification .cert-situation p.en {
    font-size: calc(26px + 1vw);
  }
  .nav-links {
    display: none;
  }

  #certverification .cert-situation p.cn {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
  }

  .certerror-infor .unable-en,
  .certerror-infor .unable-en,
  .certerror-infor .unable-cn {
    font-size: calc(12px + 1vw);
  }

  #certverification .reasons-title-en,
  #certverification .reasons-title-cn,
  .black-infor {
    font-size: calc(12px + 1vw);
    margin-bottom: 10px;
  }

  .cert-erification .certificate-container {
    padding: 10px;
  }

  #certverification .user-form-header__title.cn {
    font-size: 20px;
  }

  #certverification .reasons {
    padding: 10px 0;
  }

  .navbar {
    padding: 10px;
  }
  .section {
    margin-bottom: 10px;
  }

  .logo {
    width: 140px;
    height: 40px;
  }

  .nav-links > li {
    margin-left: 10px;
  }
  #certverification .user-form-header__title.en {
    font-size: calc(22px + 1vw);
    padding: 5px 0;
  }

  #certverification .info-label {
    font-size: calc(12px + 0.5vw);
    margin-bottom: 2px;
  }
  #certverification .info-value {
    font-size: calc(12px + 1vw);
  }

  #certverification .info-section {
    padding-right: 0;
  }
  #certverification .education-card {
    padding: 10px;
    margin-bottom: 30px;
  }

  #certverification .user-form-header {
    margin-bottom: 10px;
  }

  #certverification .info-row {
    margin: 15px 0;
  }

  .certerror-infor {
    padding: 20px 10px;
  }
  .footer {
    padding: 30px 10px;
  }

  .cert-erification .certificate-search-interface__dropdown-toggle {
    padding-right: 0;
  }

  .cert-erification .certificate-search-interface__dropdown-text {
    font-size: 14px;
  }

  .cert-erification .certificate-search-interface__search-input {
    font-size: 12px;
  }

  .cert-erification #target-audience .target-audience-card {
    padding: 10px;
    margin: 0;
  }

  .cert-erification #target-audience .target-audience-card__title,
  .cert-erification #target-audience .target-audience-card__item {
    font-size: 14px;
  }

  #certverification .cert-situation {
    margin: 0 0 20px 0;
  }

  #certverification {
    margin-bottom: 30px;
  }

  .website-footer-container__brand-slogan {
    font-size: 20px;
  }
  #institution-course {
    flex-direction: column;
    padding: 0 1rem;
  }

  #institution-course .sidebar {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 15px;
  }

  #institution-course .nav-item {
    font-size: 18px;
    padding: 12px 16px;
    margin: 10px 0;
  }

  #institution-course .content {
    padding: 20px;
  }

  #institution-course .course-title {
    font-size: 24px;
  }

  #institution-course .course-name {
    font-size: 20px;
    padding: 10px 15px;
  }

  #institution-course .synopsis {
    margin-bottom: 30px;
  }

  #institution-course .synopsis-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li,
  #institution-course .method {
    font-size: 18px;
    line-height: 1.6;
  }

  #institution-course .people-list {
    padding-left: 15px;
  }
  #cgptc-certification #logobg {
    height: 250px;
  }

  #cgptc-certification #logobg img {
    height: 250px;
    object-fit: cover;
  }

  #cgptc-certification #logobg .p {
    left: 3rem;
  }

  #cgptc-certification #logobg .p p:first-child {
    font-size: 48px;
    line-height: 1.4;
  }

  #cgptc-certification #logobg .p p:nth-child(2) {
    font-size: 26px;
    line-height: 1.4;
  }

  .certificate-level {
    width: 220px;
    height: 220px;
    right: 40px;
    bottom: -30px;
  }

  .certificate-level h2 {
    font-size: 50px;
  }

  .certificate-level p {
    font-size: 28px;
  }

  .section {
    padding: 10px 2rem;
    margin-bottom: 40px;
  }

  .flow-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .flow-step {
    margin-bottom: 20px;
  }

  .flow-circle {
    width: 70px;
    height: 70px;
    font-size: 36px;
  }

  .flow-text {
    font-size: 18px;
    margin-top: 15px;
  }

  .flow-connector {
    display: none;
  }

  .user-form-container {
    border-radius: 6px;
  }

  .user-form-header__title {
    font-size: 36px;
    padding: 15px 0;
  }

  .user-form-content {
    padding: 25px;
  }

  .user-form-section__title {
    font-size: 28px;
    margin-bottom: 25px;
  }

  .user-form-label {
    font-size: 20px;
    width: 160px;
  }

  .user-form-input {
    font-size: 20px;
    width: calc(100% - 160px);
    padding: 10px 12px;
  }

  .user-form-radio-label {
    font-size: 20px;
  }

  .user-form-date-select {
    width: 200px;
  }

  .user-form-photo-container {
    width: 260px;
    height: 320px;
  }

  .user-form-button {
    padding: 15px 28px;
    font-size: 18px;
    min-width: 240px;
    margin: 0 20px;
  }

  .user-form-footer {
    padding: 25px;
  }
}

/* ========== 769px-1024px 平板适配 ========== */
@media (min-width: 769px) and (max-width: 1024px) {
  #logobg .p p:nth-child(2) span:first-child,
  #logobg .p p:nth-child(2) span:last-child {
    font-size: 18px;
  }
  .suppordocument-img .certificate-section.cross {
    width: 50%;
  }
  #cgptc-certification #logobg img {
    height: 260px;
  }

  #personal-infor h1{
  padding: 10px 0;
  }

  .flow-container,
  .certificate-level{
  display:none;
  }

  #cgptc-certification #logobg .p {
    left: 4rem;
  }

  #cgptc-certification #logobg .p p:first-child {
    font-size: 52px;
  }

  #cgptc-certification #logobg .p p:nth-child(2) {
    font-size: 28px;
  }

  .certificate-level {
    width: 240px;
    height: 230px;
    right: 50px;
  }

  .certificate-level h2 {
    font-size: 56px;
  }

  .certificate-level p {
    font-size: 30px;
  }

  .flow-circle {
    width: 75px;
    height: 75px;
    font-size: 38px;
  }

  .flow-text {
    font-size: 19px;
  }

  .user-form-label {
    font-size: 21px;
    width: 170px;
  }

  .user-form-input {
    font-size: 21px;
  }

  .user-form-section__title {
    font-size: 29px;
  }
  .section {
    padding: 30px 4rem;
  }

  .features {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }

  .cooperation-news-img {
    width: 400px;
    height: 220px;
  }

  .partner-section {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 1rem;
  }

  .certificate-container {
    padding: 10px 4rem;
  }

  #logobg .p {
    left: 5rem;
  }

  #logobg .p p:first-child {
    font-size: 56px;
  }

  #logobg .p p:nth-child(2) {
    font-size: 30px;
  }

  .cooperation-news-module__title {
    font-size: 24px;
  }

  .newscon .cooperation-news-module__paragraph {
    font-size: 18px;
    -webkit-line-clamp: 3;
  }

  .section {
    padding: 10px 4rem;
  }

  .features {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .certificate-container {
    padding: 10px 4rem;
  }
  #institution-course {
    padding: 0 2rem;
  }

  #institution-course .sidebar {
    width: 250px;
    margin-right: 15px;
  }

  #institution-course .nav-item {
    font-size: 20px;
    padding: 14px 18px;
  }

  #institution-course .content {
    padding: 25px;
  }

  #institution-course .course-title {
    font-size: 28px;
  }

  #institution-course .course-name {
    font-size: 22px;
  }

  #institution-course .synopsis-title {
    font-size: 22px;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li {
    font-size: 20px;
  }
}

/* ========== 768px 以下移动端适配 ========== */
@media (max-width: 768px) {
  .certificate-container {
		flex-direction: column;
		align-items: stretch;
	}

  .training-form-container {
		border-radius: 8px;
	}

	.training-form-header,
  .training-form-content,
  .training-form-footer {
		padding: 20px;
	}

	.training-form-footer {
		flex-direction: column;
	}

	.training-form-button {
		width: 100%;
	}

  .education-card {
    padding: 20px;
  }
  .certificate-section.cross {
    width: 100%;
  }
  .suppordocument-img .certificate-section {
    margin-right: 0;
  }

  .upload-container {
    margin: 0 auto;
  }
  #cgptc-certification #logobg {
    height: 200px;
    margin-bottom: 0;
    padding: 0;
  }

  #cgptc-certification #logobg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  #cgptc-certification #logobg .p {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
  }

  #cgptc-certification #logobg .p p:first-child {
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  #cgptc-certification #logobg .p p:nth-child(2) {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }

  #cgptc-certification #logobg .p p:nth-child(2) span {
    display: inline-block;
    margin: 5px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    border-radius: 8px;
  }

  #cgptc-certification .certificate-level {
    display: none;
  }

  .section {
    padding: 15px;
    margin-bottom: 30px;
  }

  .flow-container {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .flow-step {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    width: 100%;
    justify-content: center;
  }

  .flow-circle {
    width: 50px;
    height: 50px;
    font-size: 24px;
    border-width: 2px;
    flex-shrink: 0;
  }

  .flow-circle.completed {
    border-width: 3px;
  }

  .flow-text {
    font-size: 14px;
    margin-top: 0;
    text-align: left;
    flex: 1;
  }

  .flow-connector {
    display: none;
  }

  #personal-infor {
    padding-top: 10px;
  }

  #personal-infor h1 {
    font-size: 28px;
    padding: 15px 0;
  }

  .user-form-container {
    border-radius: 8px;
    overflow: hidden;
  }

  .user-form-header {
    margin-bottom: 15px;
  }

  .user-form-header__title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }

  .user-form-content {
    padding: 15px;
  }

  /* 表单区块适配 */
  .user-form-section {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
  }

  .user-form-section__title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #083064;
  }

  .user-form-row {
    width: 100%;
  }

  .user-form-column {
    width: 100%;
    flex: none;
  }

  .user-form-group {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .user-form-label {
    font-size: 16px;
    width: 100%;
    margin-bottom: 8px;
    color: #666;
    font-weight: 500;
  }

  .user-form-input {
    font-size: 16px;
    padding: 10px 12px;
    margin: 10px 0;
    border-radius: 6px;
  }

  .user-form-input--select {
    background-position: right 10px center;
    background-size: 12px;
    padding-right: 30px;
  }

  .user-form-radio-group {
    gap: 15px;
  }

  .user-form-radio-label {
    font-size: 16px;
  }

  .user-form-radio-custom {
    width: 18px;
    height: 18px;
    border-width: 2px;
  }

  .user-form-radio-custom::after {
    width: 8px;
    height: 8px;
  }

  .user-form-date-group {
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }

  .user-form-date-select {
    width: calc(33.33% - 7px);
    flex: none;
  }

  .short-user-form-input {
    width: 90% !important;
    margin-right: 0;
  }

  .photo.user-form-column {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }

  .user-form-photo-upload {
    width: 100%;
  }

  .user-form-photo-container {
    width: 200px;
    height: 250px;
    margin: 0 auto;
    border-radius: 6px;
  }

  .user-form-photo-upload .addicon {
    width: 40px;
    height: 40px;
  }

  .user-form-photo-upload .user-form-label {
    font-size: 14px;
    margin-top: 15px;
  }

  .user-form-photo-container i,
  .modify-btn {
    width: 36px;
    height: 40px;
  }

  .user-form-footer {
    padding: 20px 15px;
    flex-direction: column;
    gap: 15px;
  }

  .user-form-button {
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    min-width: auto;
    margin: 0;
    border-radius: 8px;
  }

  .user-form-button--cancel {
    order: 2;
  }

  .user-form-button--next {
    order: 1;
  }

  .information-section-title {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .upload-area {
    border-radius: 6px;
  }

  .plus-sign {
    font-size: 36px;
  }

  .preview-image {
    border-radius: 6px;
  }

  #institution-course {
    flex-direction: column;
    padding: 0 15px;
    margin: 0 auto;
  }

  #institution-course .sidebar {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 8px;
  }

  #institution-course .nav-item {
    font-size: 16px;
    padding: 10px 12px;
    margin: 8px 0;
    border-left-width: 3px;
  }

  #institution-course .nav-item .main-title {
    font-size: 16px;
    -webkit-line-clamp: 2;
  }

  #institution-course .nav-item.active {
    background-color: #e8f0fe;
  }

  #institution-course .content {
    padding: 15px;
    border-radius: 8px;
  }

  #institution-course .course-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  #institution-course .course-name {
    font-size: 18px;
    padding: 8px 12px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  #institution-course .synopsis {
    margin-bottom: 25px;
  }

  #institution-course .synopsis-title {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li,
  #institution-course .method {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
  }

  #institution-course .people-list {
    padding-left: 15px;
  }

  #institution-course .people-list li::before {
    font-size: 16px;
    top: 2px;
  }

  #institution-course .people-list li {
    margin-bottom: 8px;
    padding-left: 20px;
  }

  .features {
    margin-top: 0;
  }

  .certificate-container {
    flex-direction: column;
    padding: 10px 15px;
    gap: 15px;
  }

  .search-box {
    min-height: 50px;
    padding: 0 10px;
  }

  .certificate-search-interface__dropdown-text {
    font-size: 14px;
  }

  .certificate-search-interface__search-input {
    font-size: 14px;
  }

  .certificate-search-interface__search-icon {
    width: 28px;
    height: 28px;
  }

  .certificate-search-interface__button-group {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .certificate-search-interface__button {
    padding: 12px 20px;
    font-size: 14px;
    min-width: 120px;
  }

  .certificate-search-interface__button i {
    width: 16px;
    height: 16px;
  }

  .certificate-search-interface__dropdown-menu {
    min-width: 140px;
  }

  .certificate-search-interface__dropdown-item {
    font-size: 16px;
    padding: 12px 16px;
  }

  .section {
    padding: 20px 15px;
  }

  .section-header {
    padding-bottom: 0;
  }

  .section-title {
    font-size: 28px;
    letter-spacing: 0.5px;
  }

  .section-header {
    margin-bottom: 15px;
  }

  #logobg {
    padding: 0;
    margin-bottom: 0;
  }

  .user-form-section {
    flex-flow: column;
  }

  #logobg img {
    width: 100%;
    height: 100%;
  }

  #logobg .p {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
  }

  #logobg .p p:first-child {
    font-size: 28px;
    line-height: 1.5;
  }

  #logobg .p p:nth-child(2) {
    font-size: 16px;
    line-height: 1.5;
  }

  #logobg .chat {
    width: 200px;
    padding: 12px 20px;
    font-size: 16px;
    margin: 20px auto 0;
  }

  #logobg .p p:nth-child(2) span {
    display: block;
    margin: 10px auto !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
  }

  .features {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }

  .feature-item {
    height: 300px;
  }

  .feature-desc {
    font-size: 18px;
    padding: 20px 0;
  }

  .feature-icon {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  #subjects-details-module.cooperation-news-module {
    flex-flow: column-reverse;
  }

  #subjects-details-module .cooperation-news-img.subjects-details-img {
    width: 100%;
    height: 220px;
    box-shadow: none;
  }

  #subjects-details-module .fee {
    margin-bottom: 10px;
  }

  .cooperation-news-module {
    flex-direction: column;
    padding: 20px;
  }

  .cooperation-news-img {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }

  .cooperation-news-img.img2 {
    height: 250px;
    width: 100%;
  }

  .cooperation-news-module__content-container {
    padding: 0;
  }

  .cooperation-news-module__title {
    font-size: 20px;
    line-height: 1.5;
  }

  .cooperation-news-module__paragraph {
    font-size: 16px;
    line-height: 1.8;
  }

  .newscon .cooperation-news-module__title {
    -webkit-line-clamp: 3;
  }

  .newscon .cooperation-news-module__paragraph {
    -webkit-line-clamp: 4;
  }

   .partner-section {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 15px;
  }
  
  .partner-section li {
    padding: 15px;
  }

  .about-content {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
  }

  .section-content {
    padding: 10px 0;
  }

  .user-form-input {
    font-size: 18px;
    width: calc(100% - 20px);
  }

  .user-form-label {
    font-size: 18px;
    width: 100%;
    margin-bottom: 8px;
  }

  .user-form-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .user-form-button {
    padding: 14px 24px;
    font-size: 18px;
    min-width: 200px;
    margin: 10px;
  }

  .user-form-photo-container {
    width: 200px;
    height: 250px;
    margin: 0 auto;
  }

  .photo.user-form-column {
    width: 200px;
    margin-left: 0;
  }

  .info-label,
  .info-value {
    font-size: 18px;
  }

  .certificate-section {
    width: 100px;
    height: 120px;
  }

  .card-content {
    flex-direction: column;
    gap: 20px;
  }

  .info-section {
    padding-right: 0;
  }

  .askedquestions-card {
    padding: 20px;
  }

  .askedquestions-card__title {
    font-size: 20px;
  }

  .askedquestions-card__con {
    font-size: 18px;
    line-height: 1.6;
    margin-left: 0;
  }

  .contactus-card {
    width: 100%;
    padding: 20px;
    height: auto;
  }

  .contactus-card__icon {
    width: 60px;
    height: 60px;
  }

  .contactus-card__title {
    font-size: 24px;
  }

  .contactus-card__con {
    font-size: 18px;
    line-height: 1.6;
    margin-left: 0;
  }

  .layout-wrapper {
    flex-direction: column;
  }

  .left-panel {
    flex: none;
    width: 100%;
    border-right: none;
    border-bottom: 2px dashed #c5c5c5;
    padding: 20px;
  }

  .right-panel {
    padding: 20px;
  }

  .right-panel-section-title {
    font-size: 24px;
  }

  .right-panel-section-content {
    font-size: 18px;
    padding-left: 30px;
  }

  .certification-process {
    height: auto;
  }

  .certification-process li {
    width: 100%;
    margin-bottom: 50px;
  }

  .certification-process li i {
    width: 40px;
    height: 54px;
  }

  .certification-process li p {
    font-size: 20px;
  }

  .certification-process li span {
    font-size: 20px;
  }

  #target-audience {
    flex-direction: column;
  }

  .target-audience-card {
    width: calc(100% - 60px);
    margin-bottom: 20px;
  }

  .target-audience-card:first-child {
    margin-right: 0;
  }

  .target-audience-card__title {
    font-size: 24px;
  }

  .target-audience-card__item {
    font-size: 16px;
  }

  .port-technician-tabs {
    flex-wrap: wrap;
  }

  .port-technician-tab {
    padding: 15px 20px;
    font-size: 20px;
  }

  .port-technician-section-title {
    font-size: 20px;
  }

  .port-technician-list-item,
  .port-technician-paragraph {
    font-size: 14px;
    line-height: 1.6;
  }

  .services-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .service-card {
    height: 200px;
  }

  .service-title {
    font-size: 20px;
    padding: 60px 20px 0;
  }

  .tab-button {
    font-size: 20px;
    padding: 10px 20px;
  }

  .faq-section {
    padding: 40px 20px;
  }

  .faq-heading {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .faq-question {
    font-size: 18px;
  }

  .faq-answer {
    font-size: 16px;
  }

  .faq-icon {
    width: 36px;
    height: 40px;
    font-size: 16px;
  }

  .business-card {
    flex-direction: column;
    height: auto;
    padding: 30px;
    border-radius: 20px;
  }

  .card-right {
    width: 100%;
    margin-top: 30px;
  }

  .profile-image {
    width: 150px;
    height: 150px;
  }

  .name-tag {
    font-size: 24px;
  }

  .title-tag {
    font-size: 14px;
    width: 160px;
    height: 40px;
    line-height: 40px;
  }

  .content-container {
    flex-direction: column;
    gap: 30px;
  }

  .text-section {
    min-width: 100%;
  }

  .logo-section {
    padding: 30px;
  }

  .logo-con {
    width: 100%;
    height: 120px;
  }

  .quote-icon h1 {
    font-size: 32px;
  }

  .quote-icon i {
    width: 50px;
    height: 50px;
  }

  .text-content {
    font-size: 16px;
  }

  #institution-content .card {
    flex-direction: column;
    padding: 15px;
  }

  #institution-content .logo-area {
    width: 100%;
    height: 120px;
  }

  #institution-content .text {
    padding: 15px 0;
  }

  #institution-content .chinese-name {
    font-size: 22px;
  }

  #institution-content .english-name {
    font-size: 16px;
  }

  #institution-content .arrow {
    width: 100%;
    padding: 10px 0;
  }

  #institution-course {
    flex-direction: column;
  }

  #institution-course .sidebar {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  #institution-course .nav-item {
    font-size: 18px;
    padding: 12px 16px;
  }

  #institution-course .content {
    padding: 20px;
  }

  #institution-course .course-title {
    font-size: 24px;
  }

  #institution-course .course-name {
    font-size: 20px;
  }

  #institution-course .synopsis-title {
    font-size: 20px;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li,
  #institution-course .method {
    font-size: 18px;
  }

  .course-module {
    flex-direction: column;
    padding: 20px;
  }

  .course-module-img {
    width: 100%;
    height: 180px;
  }

  .course-module-container {
    margin-left: 0;
    margin-top: 20px;
    padding: 0;
    min-width: 100%;
  }

  #subjects-details-module {
    padding: 40px 20px;
    margin-bottom: 10px;
  }

  #subjects-details-module .cooperation-news-module__content-container {
    padding: 0;
    min-width: 100%;
  }

  #subjects-details-module .cooperation-news-module__title {
    font-size: 26px;
  }

  #subjects-details-module .cooperation-news-module__paragraph {
    font-size: 18px;
    line-height: 1.6;
  }

  #subjects-details-module .fee {
    font-size: 40px;
    line-height: 1.2;
  }

  #subjects-details-module .signup {
    font-size: 20px;
    width: 200px;
    padding: 12px 20px;
  }

  #certverification .cert-situation p.en {
    font-size: 28px;
  }

  #certverification .cert-situation p.cn {
    font-size: 18px;
  }

  #certverification .user-form-header__title.en {
    font-size: 28px;
  }

  #certverification .user-form-header__title.cn {
    font-size: 20px;
  }

  #certverification .info-label {
    font-size: 18px;
  }

  #certverification .info-value {
    font-size: 18px;
  }

  .certerror-infor .unable-en {
    font-size: 24px;
  }

  .certerror-infor .unable-cn {
    font-size: 18px;
  }

  #certverification .reasons-title-en {
    font-size: 24px;
  }

  #certverification .reasons-title-cn {
    font-size: 18px;
  }

  .black-infor {
    font-size: 18px;
  }

  .upload-area {
    padding: 30px;
  }

  .plus-sign {
    font-size: 36px;
  }

  .training-form-input {
    font-size: 16px;
    padding: 12px 15px;
    width:calc(100% - 30px);
  }

  .training-form-label {
    font-size: 16px;
  }

  .training-form-button {
    padding: 12px 24px;
    font-size: 14px;
  }

  .flow-circle {
    width: 60px;
    height: 60px;
    font-size: 28px;
  }

  .flow-text {
    font-size: 16px;
    margin-top: 10px;
  }

  #cgptc-certification .certificate-level {
    display: none;
  }

  .footer {
    padding: 30px 15px;
  }

  .footer-content {
    flex-direction: column;
    text-align: center;
  }

  .footer-links {
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
  }

  .occupation-search-component {
    padding: 20px;
    margin: 20px auto;
  }

  .occupation-search__container {
    padding: 15px;
    height: auto;
    flex-wrap: wrap;
  }

  .occupation-search__menu-button {
    width: 20px;
  }

  .occupation-search__category {
    min-width: 120px;
  }

  .occupation-search__category-button {
    font-size: 12px;
  }

  .occupation-search__category-text {
    margin-right: 0;
  }

  .occupation-search__category-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
  }

  .occupation-search__input {
    font-size: 12px;
  }

  .occupation-search__button {
    width: 40px;
    height: 40px;
  }

  .occupation-search__button i {
    width: 28px;
    height: 28px;
  }

  .occupation-search__dropdown {
    top: 60px;
  }

  .occupation-search__option {
    font-size: 12px;
    padding: 5px;
  }

  .nav-links a {
    font-size: 1rem;
  }
  .nav-links > li > a {
    padding: 10px;
  }

  .nav-links .loginimg,
  .nav-links .languageimg {
    width: 20px;
    height: 20px;
  }

  #user-form-complete .complete img {
    width: 300px;
  }

  #user-form-complete .complete p:nth-child(2) {
    font-size: 28px;
  }

  #user-form-complete .complete p:nth-child(3) {
    font-size: 18px;
  }

  img {
    max-width: 100%;
    height: auto;
  }
  .flow-container {
    display: none;
  }
}

/* ========== 480px 以下小屏手机适配 ========== */
@media (max-width: 480px) {
  .layout-wrapper .left-panel .title{
    text-align:left;
  }

  .certificate-search-interface__button-group a,
  .certificate-search-interface__button-group button{
    display:inline-block;
    width: 100%;
  }
  
  .askedquestions-card{
        padding: 10px;
  }

  .askedquestions-card:first-child{
    margin-right: 0;
  }

  #certificate-content .certificate-preview{
    height: 300px;
  }

  .user-form-radio-group {
    display: block;
  }

  .user-form-radio-label {
    padding: 10px 0;
  }
  .training-form-input {
    width: calc(100% - 30px);
  }

  .user-form-certificate {
    width: 36px;
    height: 36px;
  }

  #cgptc-certification #logobg,
  #logobg  {
    height: 160px;
  }

  #logobg.certbg-phone{
    height: 100%;
  }

  #cgptc-certification #logobg img {
    height: 160px;
  }

  #cgptc-certification #logobg .p p:first-child {
    font-size: 22px;
  }

  #cgptc-certification #logobg .p p:nth-child(2) {
    font-size: 13px;
  }

  #cgptc-certification #logobg .p p:nth-child(2) span {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }

  .section {
    padding: 10px;
    margin-bottom: 20px;
  }

  .flow-step {
    gap: 10px;
  }

  .flow-circle {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .flow-text {
    font-size: 13px;
  }

  #personal-infor h1 {
    font-size: 22px;
    padding: 10px 0;
  }

  .user-form-header__title {
    font-size: 20px;
  }

  .user-form-content {
    padding: 12px;
  }

  .user-form-section__title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .user-form-group {
    margin-bottom: 15px;
  }

  .user-form-label {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .user-form-input {
    font-size: 14px;
  }

  .user-form-input--select {
    background-size: 10px;
    padding-right: 25px;
  }

  .user-form-radio-label {
    font-size: 14px;
  }

  .user-form-radio-custom {
    width: 16px;
    height: 16px;
    border-width: 2px;
  }

  .user-form-date-select {
    width: calc(100% - 4px);
    font-size: 14px;
  }

  .education-card {
    padding: 10px;
  }

  .info-row {
    margin: 5px 0;
  }
  .info-label {
    margin-bottom: 5px;
  }

  .info-label,
  .info-value {
    font-size: 14px;
  }

  .user-form-photo-container {
    width: 160px;
    height: 200px;
  }

  .user-form-photo-upload .addicon {
    width: 32px;
    height: 32px;
  }

  .user-form-photo-upload .user-form-label {
    font-size: 12px;
  }

  .user-form-photo-container i,
  .modify-btn {
    width: 30px;
    height: 32px;
  }

  .user-form-footer {
    padding: 15px 10px;
    gap: 10px;
  }

  .user-form-button {
    padding: 12px 20px;
    font-size: 14px;
  }

  .plus-sign {
    font-size: 28px;
  }

  .user-form-label {
    color: #999;
  }

  #institution-course {
    padding: 0 10px;
  }

  #institution-course .sidebar {
    padding: 8px;
    margin-bottom: 15px;
  }

  #institution-course .nav-item {
    font-size: 14px;
    padding: 8px 10px;
    margin: 6px 0;
  }

  #institution-course .content {
    padding: 12px;
  }

  #institution-course .course-title {
    font-size: 18px;
  }

  #institution-course .course-name {
    font-size: 16px;
    padding: 6px 10px;
  }

  #institution-course .synopsis-title {
    font-size: 16px;
    margin-bottom: 6px;
  }

  #institution-course .synopsis-content,
  #institution-course .people-list li,
  #institution-course .method {
    font-size: 14px;
    line-height: 1.5;
  }

  #institution-course .people-list {
    padding-left: 12px;
  }

  #institution-course .people-list li {
    font-size: 14px;
    margin-bottom: 6px;
    padding-left: 18px;
  }

  #institution-course .people-list li::before {
    font-size: 14px;
    top: 1px;
  }

  #institution-course .synopsis {
    margin-bottom: 20px;
  }
  .occupation-search__category {
    min-width: 60px;
  }
  .occupation-search__button i {
    width: 15px;
    height: 15px;
  }

  .occupation-search__container {
    padding: 5px;
  }

  #certification-subjects #logobg img {
    height: 150px;
  }

  .occupation-search__category-button {
    padding: 0 8px;
  }

  .website-footer-container__brand-subtitle,
  .website-footer-container__service-title {
    font-size: 18px;
  }
  #logobg {
    margin-bottom: 20px;
  }
  #logobg .p {
    top: 50%;
  }
  #index #logobg img {
    height: 150px;
  }
  .section {
    padding: 15px;
  }

  .section-content {
    padding: 0;
  }

  .cooperation-news-module__content-container {
    min-width: 0;
  }

  .certificate-search-interface__dropdown-toggle {
    min-width: 40px;
    padding-right: 5px;
  }

  .certificate-search-interface__search-icon {
    width: 15px;
    height: 15px;
  }

  .cooperation-news-module__title {
    margin-bottom: 5px;
  }

  .certificate-search-interface__dropdown-arrow {
    color: #0165e8;
    font-size: 14px;
    transition: transform 0.3s ease;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #083064;
  }

  .section-title {
    font-size: 24px;
  }

  .feature-item {
    height: 250px;
  }

  .feature-desc {
    font-size: 16px;
  }

  .partner-section {
    grid-template-columns: repeat(2, 1fr); 
  }

  #logobg .p p:first-child {
    font-size: 24px;
  }

  #logobg .p p:nth-child(2) {
    font-size: 14px;
  }

  .cooperation-news-img {
    height: 160px;
  }

  .cooperation-news-module__title {
    font-size: 18px;
  }

  .cooperation-news-module__paragraph {
    font-size: 14px;
  }

  .user-form-button {
    width: 100%;
    margin: 10px 0;
  }

  .training-form-button {
    width: 100%;
  }

  .port-technician-tab {
    width: 100%;
    text-align: center;
  }
  .target-audience-card .target-audience-card__icon2,
  .target-audience-card__icon,
  #institution-content .port-technician-section-title i {
    width: 32px;
    height: 32px;
  }

  .target-audience-card__title {
    font-size: 18px;
  }
}