/**
* Theme Name:     Hiroshi Lord
* Author:         Hiroshi Lord
* Template:       flatsome
* Description:    Theme Build by Hiroshi Lord
* Version:        2025
*/

/* DEFAULT NO BORDER AND LINE-THROUGH */
.wpcf7-spinner {
	display: none;
}

.section-title-center b {
	opacity: 0;
}

.section-title-normal {
	border-bottom: none;
}

.section-title-normal span {
	border-bottom: none;
}

.text-cap {
	span {
		text-transform: capitalize;
	}
}

.border-radius {
	border-radius: 8px;
	overflow: hidden;

	img {
		border-radius: 8px;
	}
}

.sec-footer {
	.custom-menu-white .ux-menu-link__text {
		color: #ffff !important;
		text-align: left !important;
	}
}

.text-overflow {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* Giới hạn tối đa 2 dòng */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Hiện dấu ... nếu vượt quá */
	white-space: normal;
	/* Cho phép xuống dòng */

	a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* Giới hạn tối đa 2 dòng */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		/* Hiện dấu ... nếu vượt quá */
		white-space: normal;
		/* Cho phép xuống dòng */
	}
}

.d-none {
	display: none !important;
}

.d-md-block {
	@media screen and (max-width:991px) {
		display: block !important;

	}
}

.icon-angle-right {
	&::before {
		content: '\f061';
		font-family: 'Font Awesome 7 Free';
		font-weight: 900;
	}
}


/* END */

/*  */
.header-main {
	.header-inner {
		.flex-col {
			.header-nav-main {
				justify-content: center;

				.header-button-1 {
					a {
						border: 1px solid #3E9BDB;
						background: linear-gradient(90deg, #3E9BDB 0%, #006CD0 100%);
						padding: 4px 16px;
					}
				}

				.sub-menu {
					display: flex;
					flex-direction: column;
					max-height: 350px;
					overflow-y: auto;
					scrollbar-width: thin;
					scrollbar-width: thin;
					scrollbar-color: #aab7c4 transparent;
					scrollbar-gutter: stable;
					counter-reset: tab-counter;

					&::-moz-scrollbar-button {
						display: none !important;
					}

					/* Chrome / Edge / Safari */
					&::-webkit-scrollbar {
						width: 6px;
					}

					&::-webkit-scrollbar-thumb {
						background: #aab7c4;
						border-radius: 4px;
					}

					&::-webkit-scrollbar-track {
						background: transparent;
					}

					@media screen and (max-width:991px) {
						height: 100%;
						max-height: 100%;
					}
				}
			}
		}
	}
}

.btn-linear {
	border-radius: 8px;
	border: 1px solid #3E9BDB !important;
	background: linear-gradient(90deg, #3E9BDB 0%, #006CD0 100%) !important;
}

.custom-stack-icon {
	display: grid !important;
	grid-template-columns: repeat(7, 1fr);
	gap: 24px;

	.icon-box {
		border-radius: 16px;
		border: 2px solid #FFF;
		background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
		/* box-shadow: 0 0 20px 0 rgba(0, 99, 166, 0.15); */
		padding: 16px 8px;
		width: 151px;
		height: 158px;

		&:hover {
			cursor: pointer;
			box-shadow: 0 0 20px 0 rgba(0, 99, 166, 0.15);

			h3 {
				color: var(--fs-color-primary);
			}
		}

		/* khoảng cách giữa các item, chỉnh tùy ý */
		h3 {
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
		}
	}

	@media (max-width: 991px) {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;

		.icon-box {
			width: 100%;
		}
	}

	@media screen and (max-width:767px) {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;

		.icon-box {
			width: 100%;
		}
	}
}

.box-text-color-home {
	h3 {
		color: #1F4D6D;
		font-family: Inter;
		font-size: 24px;
		font-style: normal;
		font-weight: 600;
		line-height: 30px;
	}

	.title-color-home {
		color: #3E9BDB;
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
	}
}

.sec-banner-home {
	.row {
		.col {
			.col-inner {
				.box-text-banner-home {


					h1 {
						font-size: 32px;
						text-transform: capitalize !important;
						line-height: 40px;

						.title-linear-banner {
							background: linear-gradient(180deg, #F4FAFF 41.53%, #5CBDFF 100%);
							background-clip: text;
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
						}

					}

					p {
						display: flex;
						align-items: center;
						width: 40%;

						@media screen and (max-width:768px) {
							width: 100%;
							font-size: 14px;
						}
					}
				}
			}
		}
	}
}

.sec-partner-home {
	.row {
		.col {
			.col-inner {
				h3 {
					color: #1F4D6D;
					font-size: 24px;
					font-weight: 600;
					line-height: 30px;
				}

				.des-partner {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 60%;

					@media screen and (max-width:768px) {
						width: 100%;
					}
				}
			}
		}
	}
}

.btn-custom {
	border-radius: 8px !important;
	border: 1px solid #FFF !important;
	background: #FFF !important;
	padding: 4px 16px;
	color: #3E9BDB !important;

	span {
		color: #3E9BDB !important;
	}

	&:hover {

		border: 1px solid #3E9BDB !important;
		background: #3E9BDB !important;
		color: #fff !important;

		span {
			color: #fff !important;
		}
	}
}

.sec-service-home {
	.row {
		.col {
			.col-inner {
				.text {
					h3 {
						font-size: 24px;
					}
				}

				.custom-tab-home {
					.nav {
						max-height: 380px;
						overflow-y: auto;
						overflow-x: hidden;
						scrollbar-width: thin;
						/* Firefox */
						/* Firefox */
						scrollbar-width: thin;
						scrollbar-color: #aab7c4 transparent;
						scrollbar-gutter: stable;
						/* Reset counter cho danh sách */
						counter-reset: tab-counter;
						width: 35%;


						&::-moz-scrollbar-button {
							display: none !important;
						}

						/* Chrome / Edge / Safari */
						&::-webkit-scrollbar {
							width: 6px;
						}

						&::-webkit-scrollbar-thumb {
							background: #aab7c4;
							border-radius: 4px;
						}

						&::-webkit-scrollbar-track {
							background: transparent;
						}

						/* Mỗi tab tăng counter */
						li {
							counter-increment: tab-counter;
							position: relative;
							padding: 12px;
							padding-left: 60px;
							margin-bottom: 12px;
							border-top: 0;
							border-radius: 16px;

							a {
								&::before {
									opacity: 0;
								}

								span {
									color: #fff;
								}
							}

							/* Vòng tròn số */
							&::before {
								content: counter(tab-counter);
								position: absolute;
								left: 12px;
								top: 50%;
								transform: translateY(-50%);
								width: 40px;
								height: 40px;
								border-radius: 8px;
								background: rgba(62, 155, 219, 0.50);
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
								font-weight: 600;
								font-size: 15px;
								transition: all 0.2s ease;
							}

							/* Khi số >= 10 → tự scale nhỏ lại nhưng vẫn giữ hình tròn */
							&:is(:nth-child(n+10))::before {
								font-size: 14px;
								/* thu chữ lại */
								letter-spacing: -1px;
								/* tránh bị giãn */
							}

							&::after {
								content: '';
								position: absolute;
								right: 12px;
								display: flex;
								align-items: center;
								justify-content: center;
								width: 40px;
								height: 40px;
								font-family: 'fl-icons' !important;
								font-size: 16px;
								color: #fff;
								transition: all .25s;
							}

							&.active {
								background: rgba(62, 155, 219, 0.20);

								&::before {
									background: #3E9BDB;
								}

								&::after {
									transform: rotate(180deg);
									transition: all .25s;
								}
							}

						}
					}

					.tab-panels {
						border-left: 0;
						max-height: 380px;
						height: 100%;

						.panel:not(.active) {
							display: none !important;
						}

						.entry-content {
							padding: 32px;
							border-radius: 16px;
							background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
							height: 430px;

							a.button {
								span {
									font-size: 16px;
								}

								&:hover {
									color: var(--fs-color-primary);
								}
							}
						}
					}
				}

				.custom-accordion {
					display: none;
					counter-reset: acc-counter;

					.accordion-item {
						counter-increment: acc-counter;

						.accordion-inner {
							border-radius: 0 0 16px 16px;
							background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
						}
					}

					.accordion-title {
						padding-left: 55px !important;
						border-top: none;
						padding: 24px;

						&::before {
							content: counter(acc-counter);
							position: absolute;
							left: 24px;
							top: 50%;
							transform: translateY(-50%);

							padding: 3px 10px;
							min-width: 32px;
							border-radius: 6px;

							background: #0a4b8f;
							color: #fff;
							font-size: 16px;
							font-weight: 600;

							display: inline-flex;
							justify-content: center;
							align-items: center;
							text-align: center;
						}

						.toggle {
							left: unset;
							right: 12px;
							top: 18px;

							i {
								color: #fff;
							}
						}

						span {
							color: #fff;
							padding-left: 24px;
							display: flex;
							font-size: 20px;
							font-weight: 400;
							width: 80%;
						}

						&.active {
							position: relative;
							border-radius: 16px 16px 0 0;
							background: rgba(62, 155, 219, 0.20);
						}
					}
				}

				@media (max-width: 1024px) and (min-width: 768px) {
					.custom-accordion {
						display: block;
					}
				}

				@media screen and (max-width:767px) {

					.custom-accordion {
						display: block;
					}
				}
			}
		}
	}
}

.sec-industry-home {
	.row {
		.col {
			.col-inner {

				.des-industry {
					display: flex;
					align-items: center;
					width: 70%;

					@media screen and (max-width:768px) {
						width: 100%;
					}
				}

			}
		}
	}
}

.row-stretch {
	border align-self: stretch !important;
	align-items: stretch !important;
	overflow: hidden;
	border-radius: 20px;
	;
	box-shadow: 0 141px 200px -80px rgba(25, 58, 75, 0.30);

	.col.contact-info {

		/* 		height:100%; */
		.col-inner {
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;

			.icon-box {
				align-items: center;
				margin-bottom: 40px;

				.icon-box-text {
					p {
						margin-bottom: 0;
					}
				}
			}
		}
	}

	@media screen and (max-width:991px) {
		width: 98%;
	}
}

.sec-solutions-home {
	.row {
		.col {
			.col-inner {
				.custom-stack {
					display: grid !important;
					grid-template-columns: repeat(4, 1fr);
					gap: 24px;

					.text {
						display: flex;
						width: 282px;
						padding: 32px 16px;
						justify-content: center;
						align-items: center;
						align-self: stretch;
						border-radius: 8px;
						border: 1px solid #296792;
						background: #296792;
						color: #fff;
					}

					@media screen and (max-width:768px) {
						grid-template-columns: repeat(2, 1fr);
						gap: 12px;

						.text {
							width: 100%;

							p {
								text-align: center;
							}
						}
					}
				}
			}
		}
	}
}

.sec-model-home {
	.row {
		.col {
			.col-inner {

				.box-text-color-home {
					p {
						display: flex;
						align-items: center;
						width: 80%;
						margin: auto;

						@media screen and (max-with:768px) {
							width: 100%;
						}
					}
				}

				.box {
					.box-text {
						h4 {
							color: #1F4D6D;
							font-size: 20px;
							font-weight: 600;
							line-height: 30px;
							padding-bottom: 12px;
						}

						p {
							color: #323232;
							font-size: 16px;
							font-weight: 400;
							line-height: 24px;
							/* 150% */
						}
					}
				}
			}
		}
	}
}

.sec-cta-home {
	background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%);

	.row {
		.col {
			.col-inner {
				a.button {
					margin: 0;
					background-color: #fff !important;
					color: #006CD0 !important;
					transition: all 0.25s;


					&:hover {
						border-radius: 8px;
						border: 1px solid #3E9BDB !important;
						background: #3E9BDB !important;
						color: #fff !important;
						transition: all 0.25s;
					}
				}
			}
		}
	}
}

.sec-case-home {
	.row {
		.col {
			.col-inner {
				.box {

					border-radius: 16px;
					border: 4px solid #FFF;
					box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
					background: linear-gradient(312deg, #E2F3FF -0.05%, #FFF 49.98%, #FFF 100%);
					overflow: hidden;

					.box-text {
						padding: 24px;

						h3 {
							color: #006CD0;
							font-size: 18px;
						}
					}
				}
			}
		}
	}
}

.sec-media-home {
	background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%);

	.row {
		.col {

			&.large-12 {
				.col-inner {
					.text {
						width: 80%;
						margin: auto;

						@media screen and (max-width:768px) {
							width: 100%;
						}
					}
				}
			}

			.col-inner {
				.testimonial-box {
					border-radius: 24px;
					border: 2px solid #FFF;
					background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
					overflow: hidden;
					padding: 32px;

					/* CSS hoàn chỉnh: dùng Grid để gom H3 + P một bên, A nằm 1 bên */
					.icon-box-text {
						display: grid;
						grid-template-columns: 1fr auto;
						/* cột trái: nội dung, cột phải: nút/link */
						column-gap: 16px;
						align-items: center;
						/* canh dọc giữa */
						width: 100%;

						h3 {
							grid-column: 1;
							grid-row: 1;
							margin: 0;
							line-height: 1.1;
						}

						p {
							grid-column: 1;
							grid-row: 2;
							margin: 0;
							font-style: italic;
							/* nếu muốn giữ kiểu italic như hình */
						}

						a {
							grid-column: 2;
							grid-row: 1 / span 2;
							justify-self: end;
							/* đẩy sang phải */
							align-self: center;
							white-space: nowrap;
							/* tránh xuống dòng */
						}

						h3+p {
							margin-top: 6px;
						}

						/* Responsive: trên màn nhỏ thì cho a xuống dòng phía dưới */
						@media (max-width: 600px) {
							.icon-box-text {
								grid-template-columns: 1fr;
								row-gap: 8px;
							}

							.icon-box-text a {
								grid-column: 1;
								grid-row: 3;
								justify-self: start;
							}
						}
					}

				}

			}

			&.custom-icon-box-4 {
				.col-inner {
					border-radius: 8px;
					border: 2px solid #FFF;
					background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
					box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
					padding: 24px;
					height: 225px;

					.icon-box {
						display: flex;
						align-items: center;
						margin-bottom: 12px;
					}

					p {
						margin-bottom: 0 !important;
					}
				}

				@media screen and (max-width:768px) {
					.col-inner {
						height: 100%;
					}
				}
			}
		}
	}
}

.sec-tech-home {
	.row {
		.col {
			.col-inner {
				.text {
					h3 {
						font-size: 24px;
					}
				}

				.custom-tab-home {
					.nav {
						/* max-height: 380px;
						overflow-y: auto;
						overflow-x: hidden;
						scrollbar-width: thin; */
						/* Firefox */
						/* Firefox */
						/* scrollbar-width: thin;
						scrollbar-color: #aab7c4 transparent;
						scrollbar-gutter: stable; */
						/* Reset counter cho danh sách */
						/* counter-reset: tab-counter; */
						width: 35%;


						&::-moz-scrollbar-button {
							display: none !important;
						}

						/* Chrome / Edge / Safari */
						&::-webkit-scrollbar {
							width: 6px;
						}

						&::-webkit-scrollbar-thumb {
							background: #aab7c4;
							border-radius: 4px;
						}

						&::-webkit-scrollbar-track {
							background: transparent;
						}

						/* Mỗi tab tăng counter */
						li {
							counter-increment: tab-counter;
							position: relative;
							padding: 12px;
							padding-left: 60px;
							margin-bottom: 12px;
							border-top: 0;
							border-radius: 16px;

							a {
								&::before {
									opacity: 0;
								}

								span {
									color: #fff;
								}
							}

							/* Vòng tròn số */
							&::before {
								content: counter(tab-counter);
								position: absolute;
								left: 12px;
								top: 50%;
								transform: translateY(-50%);
								width: 40px;
								height: 40px;
								border-radius: 8px;
								background: rgba(62, 155, 219, 0.50);
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
								font-weight: 600;
								font-size: 15px;
								transition: all 0.2s ease;
							}

							/* Khi số >= 10 → tự scale nhỏ lại nhưng vẫn giữ hình tròn */
							&:is(:nth-child(n+10))::before {
								font-size: 11px;
								/* thu chữ lại */
								letter-spacing: -1px;
								/* tránh bị giãn */
							}

							&::after {
								content: '';
								position: absolute;
								right: 12px;
								display: flex;
								align-items: center;
								justify-content: center;
								width: 40px;
								height: 40px;
								font-family: 'fl-icons' !important;
								font-size: 16px;
								color: #fff;
								transition: all .25s;
							}

							&.active {
								background: rgba(62, 155, 219, 0.20);

								&::before {
									background: #3E9BDB;
								}

								&::after {
									transform: rotate(180deg);
									transition: all .25s;
								}
							}

						}
					}

					.tab-panels {
						border-left: 0;
						/* max-height: 380px; */
						height: 100%;
						overflow: hidden;
						border-radius: 32px;
						padding: 0;
						margin: auto;
						width: 60%;
						flex: unset;

						.panel:not(.active) {
							display: none !important;
						}

						.entry-content {
							padding: 32px;
							border-radius: 16px;
							background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
							height: 430px;
							overflow-y: auto;

							/* height: 430px; */
							&::-moz-scrollbar-button {
								display: none !important;
							}

							/* Chrome / Edge / Safari */
							&::-webkit-scrollbar {
								width: 6px;
							}

							&::-webkit-scrollbar-thumb {
								background: #aab7c4;
								border-radius: 4px;
							}

							&::-webkit-scrollbar-track {
								background: transparent;

							}

							.icon-box {
								.icon-box-text {
									h3 {
										color: #323232;
										text-align: center;
										font-family: Inter;
										font-size: 16px;
										font-style: normal;
										font-weight: 400;
										line-height: 24px;
										/* 150% */
									}
								}
							}
						}
					}
				}

				.custom-accordion {
					display: none;
					counter-reset: acc-counter;

					.accordion-item {
						counter-increment: acc-counter;

						.accordion-inner {
							border-radius: 0 0 16px 16px;
							background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
						}
					}

					.accordion-title {
						padding-left: 55px !important;
						border-top: none;
						padding: 24px;

						&::before {
							content: counter(acc-counter);
							position: absolute;
							left: 24px;
							top: 50%;
							transform: translateY(-50%);

							padding: 3px 10px;
							min-width: 32px;
							border-radius: 6px;

							background: #0a4b8f;
							color: #fff;
							font-size: 16px;
							font-weight: 600;

							display: inline-flex;
							justify-content: center;
							align-items: center;
							text-align: center;
						}

						.toggle {
							left: unset;
							right: 12px;
							top: 18px;

							i {
								color: #fff;
							}
						}

						span {
							color: #fff;
							padding-left: 24px;
							display: flex;
							font-size: 20px;
							font-weight: 400;
							width: 80%;
						}

						&.active {
							position: relative;
							border-radius: 16px 16px 0 0;
							background: rgba(62, 155, 219, 0.20);
						}
					}
				}

				@media (max-width: 1024px) and (min-width: 768px) {
					.custom-accordion {
						display: block;
					}
				}

				@media screen and (max-width:767px) {

					.custom-accordion {
						display: block;
					}
				}
			}
		}
	}
}

.sec-form-home {
	background: linear-gradient(180deg, #FFF 0%, #D3EDFF 100%);

	.row {
		.col {
			.col-inner {

				.cf7-flex {

					display: flex;
					flex-direction: column;
					gap: 18px;

					/* ==== ROW 2 COLUMNS ==== */
					.row-2col {
						display: flex;
						gap: 18px;

						.col-item {
							flex: 1;
							display: flex;

							p {
								width: 100%;
							}
						}
					}

					/* ==== PHONE GROUP ==== */
					.phone-group {
						display: flex;
						gap: 10px;
						width: 100%;

						.country {
							.country-select.inside {
								display: none;
							}

						}

						.phone {
							flex: 1;

							.wpcf7-validates-as-phonetext {
								padding-left: 90px;
							}
						}
					}

					/* ==== FULL WIDTH ==== */
					.row-full {
						width: 100%;
					}

					/* ==== SUBMIT BUTTON ==== */
					.submit-row {
						p {
							position: relative;

							input[type="submit"] {
								width: 100%;
								padding: 0;
								border: none;
								border-radius: 8px;
								border: 1px solid #3E9BDB;
								background: linear-gradient(90deg, #3E9BDB 0%, #006CD0 100%);
								color: #fff;
								font-size: 16px;
								font-weight: 500;
								cursor: pointer;
								text-transform: capitalize;
							}

							i {
								position: absolute;
								top: 16px;
								color: #fff;
								right: 45%;

								@media screen and (max-width:768px) {
									right: 34%;
								}
							}
						}


					}

					/* ==== INPUT STYLES ==== */
					input,
					textarea,
					select {
						width: 100%;
						padding: 12px;
						border-radius: 8px;
						border: 1px solid #ddd;
						font-size: 15px;
						background: #fff;
						height: 48px;
					}

					/* ==== PLACEHOLDER ==== */
					::placeholder {
						color: #9aa2b1;
						opacity: 1;
					}

					/* ==== RESPONSIVE ==== */
					@media (max-width: 640px) {

						.row-2col {
							flex-direction: column;
						}

						.phone-group {
							flex-direction: row;
						}
					}
				}


			}
		}
	}
}


#footer {
	.sec-footer {
		.custom-stack {
			@media screen and (max-width:991px) {
				display: flex;
				flex-wrap: wrap;

				.row:nth-child(1) {
					width: 100%;
					/* 1 cột chiếm nguyên hàng */
					order: 1;
				}

				.row:nth-child(2),
				.row:nth-child(3),
				.row:nth-child(4) {
					width: 33.333%;
					/* 3 col trên cùng 1 hàng */
					order: 2;
				}

				.row:nth-child(5) {
					width: 100%;
					/* 3 col trên cùng 1 hàng */
					order: 3;
				}
			}

			@media screen and (max-width:767px) {
				flex-direction: column;

				.row {
					width: 100% !important;
				}
			}

			.row {
				.col {
					.col-inner {
						.text {
							p {
								font-weight: 400 !important;
							}
						}
					}
				}
			}
		}
	}

	.absolute-footer {
		background: linear-gradient(90deg, #3E9BDB 0%, #006CD0 100%);

		.copyright-footer {
			color: #FFF;
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			/* 150% */
		}
	}
}

.sec-cta-service {
	background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%);

	@media screen and (max-width:768px) {
		.large-4 {
			.col-inner {
				text-align: left;
			}
		}

	}
}

.post-item {
	.image-cover {
		padding-top: 54% !important;
	}

	.cat-label {
		color: var(--fs-color-primary);
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		text-transform: capitalize;
		margin-bottom: 8px;
		/* 20.8px */
	}

	.from_the_blog_excerpt {
		margin: 14px 0;
	}

	.from_the_blog_comments {
		display: none;
	}

	.is-divider {
		display: none;
	}
}

/* .category { */



.blog-archive {
	&.page-wrapper {
		padding: 0;

		.archive-page-header {
			display: none;
		}

		.sec-header-blog {
			/* border-top: 1px solid #FFF; */
			background: linear-gradient(0deg, #006CD0 -133.55%, #FFF 63.27%);

			.content-title {
				h3 {
					font-size: 40px;
					font-style: normal;
					font-weight: 600;
					line-height: 130%;
					margin-bottom: 14px;
				}

				p {
					font-size: 20px;
					font-style: normal;
					font-weight: 300;
					line-height: 150%;
					margin-bottom: 0;
					/* 30px */
				}
			}
		}

		.custom-title-cat-blog {
			span {
				text-transform: unset !important;
			}
		}

		.custom-link-blog {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 12px;

			.ux-menu-link {
				border-radius: 4px;
				border: 1px solid #1A1A1A;
				overflow: hidden;
				/* padding: 0px 24px; */

				.ux-menu-link__link {
					padding: 12px 24px;
					line-height: normal;

					span {
						color: #1A1A1A;
						font-size: 12px;
						font-style: normal;
						font-weight: 500;
						line-height: 24px;
						/* 150% */
					}

					&.active {
						background: #1A1A1A;

						span {
							color: #FFF;
						}
					}
				}

				&:hover {
					border-radius: 4px;
					background: #1A1A1A;

					span {
						color: #FFF;
					}
				}
			}
		}


	}
}

/* } */

.sec-author-admin {
	border-radius: 4px;
	background: linear-gradient(180deg, #F8F8F8 0%, #C5C5C5 207.61%);

	.author-header {
		display: flex;
		gap: 30px;
		align-items: center;
		padding: 18px 0;


		.author-avatar {

			img {
				border-radius: 50%;
				width: 150px;
				height: 150px;
				object-fit: cover;
			}

			@media screen and (max-width:768px) {
				img {
					display: none;
				}
			}
		}

		.author-info {
			max-width: 700px;

			.author-name {
				margin-bottom: 5px;
				font-size: 24px;
				font-weight: 600;
			}

			.author-label {
				font-size: 12px;
				letter-spacing: 1px;
				text-transform: uppercase;
				color: var(--fs-color-primary);
				display: block;
				margin-bottom: 10px;
			}

			.author-socials {
				margin-bottom: 10px;

				a {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					margin-right: 10px;
					font-size: 16px;
					color: #333;
					transition: color 0.2s ease;

					&:hover {
						color: var(--primary-color);
					}
				}
			}

			.author-bio {
				color: #000;
				line-height: 1.6;

				p {
					margin-bottom: 10px;

					&:last-child {
						margin-bottom: 0;
					}
				}
			}
		}

		@media screen and (max-width:768px) {
			flex-direction: column;
			align-items: flex-start;
			gap: 19px;

			.author-info {

				.author-name,
				.author-label,
				.author-socials {
					display: none;
				}
			}
		}
	}

	.show-author-mb {
		display: none;

		@media screen and (max-width:768px) {
			display: flex;
			display: flex;
			align-items: start;
			gap: 16px;

			img {
				display: block !important;
				width: 75px !important;
				height: 75px !important;
			}
		}
	}
}

.sec-author-blog {
	@media screen and (max-width:768px) {
		padding: 30px 15px;
	}
}

.post-meta-time {
	margin-top: 6px;
	gap: 24px;
	justify-content: start;
	color: #141219;
	display: flex;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

	span {
		display: flex;
		align-items: center;
		gap: 8px;
		color: #1A1A1A;
		font-size: 16px;
		font-style: normal;
		line-height: 24px;

		&.meta-author {
			font-weight: 600;
			/* 150% */
		}

		&.meta-readtime {
			font-weight: 300;
		}

	}

}

.page-numbers {
	&.nav-pagination {
		li {
			span {
				border-radius: 2px;
				border: none
			}

			a {
				border-radius: 2px;
				border: none;

				i.icon-angle-right {
					&::before {
						content: '' !important;
					}
				}
			}
		}
	}
}

.contact-form-blog {
	.row {
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

		.title-contact-form {
			h4 {
				color: #002;
				font-size: 32px;
				font-weight: 700;
				line-height: 40px;
			}
		}
	}
}

.single-post {
	.blog-wrapper {

		&.blog-single {

			.post-sidebar {
				border-left: none !important;
			}

			.large-9.col {
				#ez-toc-container {
					display: none;
				}

				.post-author-box {
					border-top: 1px solid #eee;
					padding: 24px;
					font-size: 14px;
					color: #444;
					box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

					.author-top {
						display: flex;
						align-items: center;
						gap: 15px;

						img {
							width: 56px;
							height: 56px;
							border-radius: 50%;
							object-fit: cover;
						}

						.author-info {
							h4 {
								margin: 0;
								font-size: 16px;
								font-weight: 600;
							}

							.author-label {
								display: block;
								font-size: 12px;
								letter-spacing: 1px;
								color: var(--fs-color-primary);
								margin-top: 2px;
							}
						}

						.author-social {
							margin-left: auto;
							display: flex;
							gap: 10px;

							a {
								width: 32px;
								height: 32px;
								border-radius: 50%;
								display: inline-flex;
								align-items: center;
								justify-content: center;
								background: #000;
								color: #fff;
								transition: 0.25s ease;

								i {
									font-size: 14px;
								}
							}
						}
					}

					.author-desc {
						margin: 14px 0;
						line-height: 1.6;
						color: #555;
					}

					.author-tags {
						margin-bottom: 14px;

						strong {
							margin-right: 6px;
						}

						span {
							display: inline-block;
							background: #f2f2f2;
							padding: 4px 12px;
							border-radius: 20px;
							font-size: 12px;
							margin-right: 6px;
							margin-top: 4px;
						}
					}

					.author-share {
						display: flex;
						align-items: center;
						gap: 10px;
						justify-content: end;

						span {
							font-weight: 500;
						}

						a {
							width: 30px;
							height: 30px;
							border-radius: 50%;
							display: inline-flex;
							align-items: center;
							justify-content: center;
							background: #000;
							color: #fff;
							transition: 0.25s ease;

							i {
								font-size: 13px;
							}
						}
					}

					/* Mobile */
					@media screen and (max-width: 768px) {
						.author-top {
							flex-wrap: wrap;

							.author-social {
								justify-content: space-evenly;
								width: 68%;
								margin: auto;
							}
						}
					}
				}

			}

			.entry-category {
				a {
					text-transform: capitalize !important;
					color: var(--fs-color-primary);
					font-size: 16px;
					font-style: normal;
					font-weight: 400;
					line-height: 130%;
					/* 20.8px */
				}
			}

			.entry-title {
				margin: 14px 0;
			}

			.entry-divider {
				display: none;
			}

			.post-short-des {
				color: #1A1A1A;
				font-size: 18px;
				font-style: normal;
				font-weight: 400;
				line-height: 160%;
				margin-bottom: 48px;
			}

			.post-meta-info {
				margin-bottom: 24px;
				display: flex;
				gap: 24px;
				flex-wrap: wrap;

				span {
					display: flex;
					gap: 8px;
					align-items: center;

					&.meta-author {
						color: #1A1A1A;
						font-size: 16px;
						font-style: normal;
						font-weight: 600;
						line-height: 24px;

						a {
							&:hover {
								color: var(--fs-color-primary);
							}
						}

						@media screen and (max-width:768px) {
							width: 100%;
						}

						/* 150% */
					}
				}
			}
		}

		.custom-banner-single-blog {
			border-radius: 4px;
			overflow: hidden;

			h3 {
				span {
					color: #FFF;
					font-size: 16px !important;
					font-style: normal;
					font-weight: 600;
					width: 100%;
					line-height: 150%;
					display: flex;
				}
			}

			.button {
				border-radius: 5.438px;
				overflow: hidden;
				padding: 5.157px 16.314px;
				background: var(--fs-color-primary);
				color: #000 !important;
			}
		}

		.custom-related-posts {
			.title-related {
				color: #1A1A1A;
				font-size: 24px;
				font-style: normal;
				font-weight: 500;
				line-height: 150%;
				margin: 24px 0;
			}

			padding-bottom: 0;

			.post-item {
				.box-text {
					text-align: left !important;
				}

				.post-date {
					display: none;
				}
			}
		}
	}
}

.custom-img-audio {
	padding: 48px 0;

	@media screen and (max-width:768px) {
		padding: 16px 0;
	}
}

.search-header {
	h1 {
		margin-top: 30px;
	}


}

.search {
	&.search-no-results {
		h1.search-have-results {
			display: none;
		}

		h3.search-no-results {
			color: #1A1A1A;
			text-align: center;
			font-size: 32px;
			font-style: normal;
			font-weight: 400;
			line-height: 130%;

			/* 41.6px */
			span {
				font-weight: 600;
			}
		}
	}

	.sec-header-blog {
		/* border-top: 1px solid #FFF; */
		background: linear-gradient(0deg, #006CD0 -133.55%, #FFF 63.27%);

		.content-title {
			h3 {
				font-size: 40px;
				font-style: normal;
				font-weight: 600;
				line-height: 130%;
				margin-bottom: 14px;
			}

			p {
				font-size: 20px;
				font-style: normal;
				font-weight: 300;
				line-height: 150%;
				margin-bottom: 0;
				/* 30px */
			}
		}
	}
	.sec-cat-result {
		display: none!important;
	}
}



.post-item {
	.box {

		background: #fff;
		transition: all 0.3s ease;

		&:hover {
			transform: translateY(-4px);
			border-radius: 6px;
			overflow: hidden;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
		}

		.box-image {
			img {
				width: 100%;
				height: auto;
				display: block;
			}
		}

		.box-text {
			padding: 15px;

			.cat-label {
				font-size: 13px;
				color: var(--fs-color-primary);
				margin-bottom: 6px;
				text-transform: capitalize;
			}

			.post-title {
				font-size: 18px;
				line-height: 1.4;
				margin-bottom: 8px;

				a {
					color: #111;
					text-decoration: none;

					&:hover {
						color: var(--fs-color-primary);
					}
				}
			}

			.post-excerpt {
				font-size: 14px;
				color: #555;
				margin-bottom: 10px;
				line-height: 1.6;
			}

			.post-meta {
				font-size: 13px;
				color: #777;
				display: flex;
				align-items: center;
				gap: 24px;

				span {
					display: flex;
					align-items: center;
					gap: 8px;

					&.author {
						font-weight: 600;
					}
				}
			}
		}
	}
}