body {
	margin: 0;
}
* {
	margin: 0;
}

.header-container {
	height: 60px;
	background: #ffffff;
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
}

.header-container .branding {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.header-container .brand-text .app-name {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
}

.header-container .brand-text .creator {
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	color: #767676;
}

.header-container .navigation {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 16px;
}

.header-container .nav-item {
	padding: 0 24px;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
}

.login-container {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.login-container .login-button {
	padding: 0 16px;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	border: 1px solid #eeeeee;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}

.login-form {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 237px;
	top: 56px;
	left: -64px;
	background: #fff;
	box-shadow: 0px 20px 30px 0px #00000033;
	border-radius: 8px;
	overflow: hidden;
}

.login-form header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
}

.login-form header h2 {
	font-size: 16px;
}

.login-form header p {
	font-size: 12px;
	color: #757575;
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.login-item {
	height: 44px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 16px;
	cursor: pointer;
	user-select: none;
	text-decoration: none;
}

.login-item:last-child {
	border-top: 1px solid #eeeeee;
}

.login-item span {
	font-size: 14px;
	color: #000;
}

.login-container:hover .login-form {
	display: block;
}

.pdfcvert-banner{width: 100%;padding-top: 1px;}
.pdfcvert-banner-box{max-width: 1200px; width: 92%; margin:40px auto 20px; border-radius: 12px; background: #fff; padding: 24px 80px 12px; box-sizing: border-box;}
.pdfcvert-banner-text{text-align: center;}
.pdfcvert-banner-text h1{font-size: 32px; line-height: 1.25; color: #000; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.pdfcvert-banner-text h1 img{margin-inline-end: 16px;}
.pdfcvert-banner-text p{font-size: 18px; line-height: 1.5; color: #404040; margin-top: 12px;}
.pdfcvert-converser{margin-top: 21px; width: 100%; border:none !important; background: none !important; position: relative;}
.pdfcvert-converser>h1{text-align:center;font-size: 32px;font-weight: 700;line-height: 40px;}
.pdfcvert-converser>h2{text-align:center;font-size: 18px;font-weight: 400;line-height: 28px;margin-top:8px}
.pdfcvert-converser-area{min-height:328px; box-sizing: border-box; margin: 20px auto 0; border:none !important; text-align: center; position: relative; padding:0; display: flex; align-items: center; justify-content: center; border-radius: 12px;}
.pdfcvert-converser-area,.pdfcvert-security, .pdfcvert-security::before,.pdfcvert-security::after{background: #EAF0FA;}
.pdfcvert-before{height: 288px;width:100%; border: 1px dashed #1E76E3; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin:20px;}
.pdfcvert-before>p{font-size: 18px; margin-top: 12px; color: #404040;}
.pdfcvert-input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0;}
.pdfconvert_upload_button{display: flex; align-items: center; justify-content: center; background: #2E64C9; border-radius: 28px; min-width: 323px; box-sizing: border-box; width: fit-content; padding: 10px 20px; min-height: 56px; margin: 0 auto;}
.pdfconvert_upload_button .pdfcvert-choose{font-size: 20px; display: block; font-weight: 700; color: #fff;  }
.pdfconvert_upload_button>img{margin-inline-end: 10px;}
.pdfcvert-upload,.pdfcvert-converting{padding: 105px 97px; border-radius: 12px; border: 1px dashed #EAF0FA; min-height: 270px; box-sizing: border-box;}
.pdfcvert-uploadcnt{display: flex; flex-direction: column;}
.pdfcvert-upload-des>img{display: none;}
.pdfcvert-upload-text{display: flex; align-items: center; gap: 6px; width: 96%; text-align: center; justify-content: center;}
.pdfcvert-desc{display: flex; text-align: center; justify-content: center; align-items: center;gap:8px;}
.pdfcvert-text-size,.pdfcvert-upload-name{margin-top: 12px;font-size: 14px;color: #555;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pdfcvert-progress em{font-size: inherit; font-style: normal;}