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

body {

	font-family: 'SVN-Gilroy', sans-serif;
}

h1,
h2,
h3,
h4 {
	font-family: 'SVN-Gilroy', sans-serif;
	font-weight: 600;
}

.wpcf7-spinner {
	display: none;
}

/* DEFAULT NO BORDER AND LINE-THROUGH */
.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;
	}
}

.mt-20 {
	margin-top: 20px;
}

.header-main {
	.header-nav-main {
		.nav-top-link {
			font-weight: bolder;
		}
	}
}

#footer {
	.sec-footer {
		.section-content {
			height: 650px;

			.section-title-container {
				line-height: normal;

				h3 {
					/* margin-bottom: 0!important; */
					margin-bottom: 16px;

					span {
						margin-bottom: 0;
						padding-bottom: 0;
					}
				}
			}

			.custom-row-ft {

				background-image: url('../../uploads/2025/06/footer-scaled.png');
				background-repeat: no-repeat;
				height: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: bottom left;

				.col-info {

					&>.col-inner {
						padding: 130px 36px 0;

						.title-ft {
							line-height: normal;

							h3 {
								margin-bottom: 0;

								span {
									color: #FFF;
									font-family: "SVN-Gilroy";
									font-size: 48px;
									font-style: normal;
									font-weight: 590;
									line-height: 120%;
									letter-spacing: -1.44px;
									text-transform: capitalize;
								}
							}


						}

						p {
							color: #FFF;
							font-family: "SVN-Gilroy";
							font-size: 20px;
							font-style: normal;
							font-weight: 400;
							line-height: 120%;
							margin: 12px 0 16px 0;
							/* 24px */
						}

						.fl-icon {
							margin-bottom: 40px;

							.icon {
								border-radius: 999px;
								background-color: #FFF !important;
								margin-bottom: 0;

								i {
									color: var(--fs-color-primary) !important;
									line-height: normal !important;
								}

								border: none
							}
						}

					}
				}

				.col {
					height: 100%;

					.col-inner {
						height: 100%;
					}
				}

				.col-form {
					padding-bottom: 0;
					transform: translateY(-50px);
					height: 700px;

					.col-inner {
						border-radius: 16px;
						border: 1px solid var(--fs-color-primary);
						background: #FFF;
						padding: 24px;

						.custom-text-form {
							width: 52%;
							margin: auto;

							h3 {
								color: var(--main, var(--fs-color-primary));
								text-align: center;
								font-family: "SVN-Gilroy";
								font-size: 32px;
								font-style: normal;
								font-weight: 700;
								line-height: 120%;
								/* 38.4px */
								letter-spacing: -0.96px;
								margin-bottom: 8px;
							}

							p {
								color: #000;
								text-align: center;
								font-family: "SVN-Gilroy";
								font-size: 16px;
								font-style: normal;
								font-weight: 400;
								line-height: normal;
								margin-bottom: 32px;
							}

						}
					}
					@media screen and (max-width:768px) {
						height:866px;
					}
				}

				@media screen and (max-width:768px) {
					background-size: cover;
					height: unset;
					background-position: unset;

					.col-info {

						&>.col-inner {
							padding: 54px 15px 30px;

							.title-ft {

								h3 {

									span {
										font-size: 32px;
									}
								}

							}

						}
					}

					.col-form {
						padding-bottom: 30px;

						.custom-text-form {
							width: 100% !important;
						}
					}
				}
			}

			.custom-menu-white .ux-menu-link__link {
				color: #ffff !important;
				text-align: left !important;
				padding: 0;
				line-height: 120%;
				margin-bottom: 10px;
				min-height: unset !important;
				align-items: flex-start;
			}
		}
	}

	.absolute-footer {
		background-color: transparent !important;
		padding: 0 !important;

		.copyright-footer {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 15px;
			color: #0A142F;
			text-align: center;
			font-family: "SVN-Gilroy";
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 26px;
			/* 185.714% */
		}
	}
}

.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;
}

/* END */

.cf7-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.cf7-field {
	label {
		display: block;
		margin-bottom: 6px;
		font-weight: 600;
		text-align: left;
		color: var(--fs-color-primary);
	}

	input,
	textarea {
		width: 100%;
		padding: 12px 14px;
		border-radius: 12px;
		border: 1.5px solid rgba(0, 0, 0, 0.15);
		font-size: 14px;
		transition: all 0.25s ease;
		box-shadow: none;
		margin-bottom: 0;

		&::placeholder {
			color: #b5b5b5;
		}

		&:focus {
			outline: none;
			border-color: var(--fs-color-primary);
			box-shadow: 0 0 0 2px color-mix(in srgb, var(--fs-color-primary) 25%, transparent);
		}
	}

	&.full {
		margin-top: 20px;
	}
}

.cf7-submit {
	margin-top: 24px;

	input[type="submit"] {
		width: 100%;
		padding: 6px;
		background: var(--fs-color-primary);
		color: #fff;
		border: none;
		border-radius: 8px;
		font-size: 16px;
		font-weight: 600;
		text-transform: capitalize;
		cursor: pointer;
		margin-bottom: 0;
		transition: all 0.25s ease;

		&:hover {
			filter: brightness(0.9);
			transform: translateY(-1px);
		}
	}
}

/* Responsive */
@media (max-width: 768px) {
	.cf7-grid {
		grid-template-columns: 1fr;
	}
}

#header {
	&.transparent {
		#masthead {
			border-bottom: 1px solid var(--fs-color-primary);
			background: rgba(255, 255, 255, 0.60);
			backdrop-filter: blur(16px);

			.header-nav-main {
				justify-content: center;
				;
			}
		}
	}

	#masthead {
		border-bottom: 1px solid var(--fs-color-primary);
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(6px);

		.header-nav-main {
			justify-content: center;

			.header-button-1 {
				a {
					padding: 4px 16px;

					span {
						color: #FFF;
						font-family: "SVN-Gilroy";
						font-size: 16px;
						font-style: normal;
						font-weight: 600;
						line-height: 140%;
						text-transform: capitalize;
					}
				}
			}
		}
	}
}

.order-1 {
	@media screen and (max-width:758px) {
		order: 1;
	}
}

.sec-banner-home {
	.banner-home {
		.text-box {
			height: 100%;

			.text-box-content {
				height: 100%;

				.text-inner {
					height: 100%;

					.row {
						height: 100%;
						display: flex;
						align-items: end;

						.custom-col-img {
							position: absolute;
							z-index: 2;
							left: 5%;
						}

						.custom-box-text {
							position: unset;

							.col-inner {
								border-radius: 0 8px 0 0;
								background: rgba(0, 0, 0, 0.10);
								backdrop-filter: blur(16px);
								width: 910px;
								position: absolute;
								left: 0;
								bottom: 0;
								display: flex;
								align-items: end;
								flex-direction: column;
								padding: 32px 50px;

								.custom-des {
									width: 397px;
								}

								a.button {
									margin-right: 262px;
									padding: 4px 16px;
									color: #000 !important;
								}
							}
						}

						@media screen and (max-width:768px) {
							.custom-col-img {
								left: 0;

								.img {
									width: 30% !important;
									padding: 8px 8px 0;
								}
							}

							.custom-box-text {
								.col-inner {
									width: 100%;
									padding: 24px 16px;
									border-radius: 0;

									.custom-des {
										width: 66%;
									}

									a.button {
										margin-right: 38%;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	@media screen and (max-width:768px) {
		&.is-full-height {
			height: 500px !important;
		}


	}
}

.sec-about-home {
	.custom-des-about {
		h3 {
			overflow: hidden;
			color: var(--fs-color-primary);
			text-overflow: ellipsis;
			white-space: nowrap;
			font-family: "SVN-Gilroy";
			font-size: 36px;
			font-style: normal;
			font-weight: 700;
			line-height: 140%;
			/* 50.4px */
			letter-spacing: 0.36px;
			margin-bottom: 24px;

			@media screen and (max-width:768px) {
				white-space: wrap;
			}
		}

		p {
			overflow: hidden;
			color: #525252;
			text-overflow: ellipsis;
			font-family: "SVN-Gilroy";
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			/* 24px */
			letter-spacing: 0.2px;
		}
	}

	.btn-view-more {
		margin-top: 20px;
		padding: 4px 56px;
	}
}

.post-meta-time {
	margin-top: 6px;
	gap: 8px;
	justify-content: end;
	color: #141219;
	display: flex;
	font-family: "SVN-Gilroy";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

}

.custom-title-center {
	span {
		color: var(--fs-color-primary);
		text-align: center;
		font-family: "SVN-Gilroy";
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		/* 48px */
		letter-spacing: -1.2px;
		text-transform: unset;
	}
}

.custom-blog-home {

	.post-item {
		.col-inner {
			border-radius: 24px;
			border: 1px solid #E7E7E7;
			background: #FFF;
			box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
			overflow: hidden;

			.box {
				.box-image {
					padding: 4px;

					.image-cover {
						border-radius: 22px;
						border: 1px solid rgba(0, 0, 0, 0.10);
					}
				}

				.box-text {
					.post-title {
						margin-bottom: 14px;

						a {
							color: #181818;
							font-feature-settings: 'case' on;
							font-family: "SVN-Gilroy";
							font-size: 20px;
							font-style: normal;
							font-weight: 700;
							line-height: 130%;
							/* 26px */
							text-transform: uppercase;
							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 */
						}
					}

					.is-divider {
						display: none;
					}
				}
			}
		}
	}

	.flickity-button {
		&.previous {
			opacity: 1;
			position: absolute;
			top: 100%;
			height: 42px;
			width: 42px !important;
			border: 1.313px solid #000;
			background: #FFF;
			border-radius: 50%;
			left: 45%;
			right: unset;
		}

		&.next {
			opacity: 1;
			position: absolute;
			top: 100%;
			height: 42px;
			width: 42px !important;
			border: 1.313px solid #000;
			background: #FFF;
			border-radius: 50%;
			right: 45%;
			left: unset;
		}

		svg {
			width: 75% !important;
		}

		@media screen and (max-width:768px) {
			&.previous {
				left: 35%;
			}

			&.next {
				right: 35%;
			}

			svg {
				width: 60% !important;
			}
		}
	}
}

.product-small-home {

	.col-inner {
		border-radius: 16px;
		border: 1px solid #E7E7E7;
		background: #FFF;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
	}

	.product-small {
		.box-image {
			padding: 4px;

			.image-cover {
				border-radius: 12px;
				overflow: hidden;
				padding-top: 56.25% !important;
			}
		}

		.title-wrapper {
			padding: 16px 16px 0;

			.product-title {
				margin-bottom: 12px;

				a {
					color: var(--fs-color-primary);
					font-family: "SVN-Gilroy";
					font-size: 18px;
					font-style: normal;
					font-weight: 700;
					line-height: 19px;
					text-transform: uppercase;

					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 */
				}
			}
		}

		.price-wrapper {
			.ux-product-excerpt {
				padding: 0 16px 16px;
			}

			.ux-product-meta {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 16px;
				border-top: 1.5px solid #E7E7E7;
				border-bottom: 1.5px solid #E7E7E7;
				color: #595F65;
				font-size: 14px;

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

					&::before {
						content: '|';
						position: absolute;
						top: 0;
						right: -50%;
					}

					&:last-child::before {
						content: '';
					}
				}
			}

			.ux-product-price {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 16px;
			}

			.ux-see-details {
				display: flex;
				padding: 8px 16px;
				justify-content: center;
				align-items: center;
				width: calc(100% - 16px);
				margin: auto;
				border-radius: 100px;
				background: #EFEFEF;
				gap: 10px;
				font-weight: 600;
				color: #000;

			}

			span.price {
				display: none;
			}
		}

		.ux-thumb-text-label {
			position: absolute;
			top: -56%;
			left: 5%;
			width: 66px;
			padding: 2px 4px;
			border-radius: 100px;
			background: #FFE6E6;

			color: #D80101;
			text-align: center;
			font-family: "SVN-Gilroy";
			font-size: 14px;
			font-style: normal;
			font-weight: 590;
			line-height: 20px;
			/* 142.857% */

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

.text-primary {
	span {
		color: var(--fs-color-primary) !important;
	}
}

.woocommerce-product-gallery__wrapper {
	height: 500px;

	.flickity-viewport {
		height: 500px !important;
		border-radius: 8px;

		.woocommerce-product-gallery__image {
			height: 100%;

			img {
				object-fit: cover;
				object-position: center;
				height: 100%;
			}
		}
	}
}

.product-thumbnails {
	height: 150px;
	margin-bottom: 1.5rem !important;

	.flickity-viewport {
		height: 150px !important;

		.col {
			height: 150px;

			a {
				height: 100%;
				border-radius: 8px;
				overflow: hidden;
			}
		}
	}
}

.product-box {
	padding: 1rem;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin-bottom: 1.5rem;
	font-size: 18px;

	h3 {
		font-size: 24px;
		font-weight: 700;
	}

	&.overview {
		.overview-icons {
			color: rgba(0, 0, 0, 0.50);
			display: flex;
			gap: 16px;
		}
	}
}

.custom-sidebar-product {
	.col-inner {
		padding: 1rem;
		background-color: #fff;
		border-radius: 0.5rem;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

		.box-vertical {
			.box-text {
				padding: 0;
			}
		}

		.icon-box {
			display: flex;
			align-items: center;
			background-color: #4b513a5c;
			margin: 10px 0 30px;
			padding: 4px 10px;
		}
	}
}

/* ABOUT */
.custom-text-line-left {
	position: relative;
	padding-left: 24px;

	&.custom-text-about::before {
		background-color: #fff !important;
	}

	&::before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		width: 8px;
		background-color: var(--fs-color-primary);
	}

}

.sec-banner-about {
	.box-about {
		display: flex;
		align-items: center;

		.box-text {
			padding-left: 52px;

			.custom-text-about {
				h3 {
					color: #FFF;
					font-family: "SVN-Gilroy";
					font-size: 40px;
					font-style: normal;
					font-weight: 500;
					line-height: 120%;
					letter-spacing: -1.2px;
					margin-bottom: 8px;
				}

				p {
					color: #FFF;
					font-family: "SVN-Gilroy";
					font-size: 20px;
					font-style: normal;
					font-weight: 400;
					line-height: 120%;
					margin-bottom: 24px;
				}
			}

			.custom-text-des-about {
				p {

					color: #FFF;
					font-family: "SVN-Gilroy";
					font-size: 20px;
					font-style: normal;
					font-weight: 400;
					line-height: 120%;
					margin-bottom: 16px;
					letter-spacing: 0.2px;
				}
			}
		}

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

			.box-text {
				padding: 15px;
				text-align: center;

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



}

.sec-about-why {

	.custom-row-about {
		background-image: url('../../uploads/2026/01/Frame-1321316086-scaled.png');
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		border-radius: 32px;
		background-position: center;
		padding: 40px;

		.banner-inner {
			padding: 40px !important;
			border-radius: 24px;
			overflow: hidden;
			background-color: #fff !important;

			.row {
				align-items: stretch;

				.col-img-about {
					.col-inner {
						height: 100%;

						.box {
							height: 100%;

							.box-image {
								height: 100%;

								div {
									height: 100%;

									img {
										height: 100%;
									}
								}
							}

							.box-text {
								position: absolute;
								bottom: 0;
								text-align: left;
								padding: 0 18px;

								h5 {
									color: #DCCC99;
									font-family: "SVN-Gilroy";
									font-size: 24px;
									font-style: normal;
									font-weight: 700;
									line-height: 120%;
									margin-bottom: 8px;
									font-variant: all-small-caps;
								}

								h4 {
									color: #FFF;
									font-family: "SVN-Gilroy";
									font-size: 32px;
									font-style: normal;
									font-weight: 700;
									line-height: 120%;
									margin-bottom: 48px;
									text-transform: capitalize;
								}

								h3 {
									color: #FFF;
									font-family: "SVN-Gilroy";
									font-size: 64px;
									font-style: normal;
									font-weight: 700;
									line-height: 120%;
									/* 76.8px */
								}
							}
						}
					}
				}

				.custom-text-des-why {
					padding-left: 42px;

					h3 {
						color: var(--fs-color-primary);
						font-family: "SVN-Gilroy";
						font-size: 40px;
						font-style: normal;
						font-weight: 500;
						line-height: 120%;
						margin-bottom: 8px;
						letter-spacing: -1.2px;
					}

					h4 {
						color: var(--fs-color-primary);
						font-family: "SVN-Gilroy";
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						line-height: 120%;
						margin-bottom: 24px;
					}

					.icon-box {
						margin-bottom: 16px;

						h3 {

							color: var(--fs-color-primary);
							font-family: "SVN-Gilroy";
							font-size: 20px;
							font-style: normal;
							font-weight: 400;
							line-height: 120%;
							/* 24px */
							letter-spacing: 0.2px;
						}
					}
				}
			}
		}

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

			.banner-inner {
				padding: 5px !important;
			}
		}
	}
}

.sec-about-concept {
	.row {
		&>.large-12 {
			.col-inner {
				border-radius: 32px;
				overflow: hidden;
				padding: 32px 48px;

				.custom-text-concept {
					position: relative;

					&::before {
						content: '';
						background-image: url('../../uploads/2026/01/phay.png');
						background-position: left top;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						top: 0;
						left: 0;
						width: 200px;
						height: 100px;
					}

					h4 {
						color: #DCCC99;
						text-align: center;
						font-family: "SVN-Gilroy";
						font-size: 32px;
						font-style: normal;
						font-weight: 700;
						line-height: 120%;
						font-variant: all-small-caps;
						letter-spacing: 0.64px;
						margin-bottom: 8px;
						width: 62%;
						display: flex;
						justify-content: center;
						margin: auto;
					}

					h3 {
						color: #FFF;
						text-align: center;
						font-family: "SVN-Gilroy";
						font-size: 46px;
						font-style: normal;
						font-weight: 700;
						line-height: 120%;
						margin-bottom: 8px;
						font-variant: all-small-caps;
						letter-spacing: 2.4px;
						width: 62%;
						display: flex;
						justify-content: center;
						margin: auto;
					}

					h5 {
						color: #FFF;
						text-align: center;
						font-family: "SVN-Gilroy";
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						line-height: 120%;
						text-transform: capitalize;
						width: 62%;
						display: flex;
						justify-content: center;
						margin: auto;
					}

					p {
						color: #FFF;
						font-family: "SVN-Gilroy";
						font-size: 32px;
						font-style: normal;
						font-weight: 400;
						line-height: 140%;
						text-align: left;
						margin: 72px 0;
						text-transform: capitalize;
					}
				}

				.custom-row-white {

					.col {
						.col-inner {
							border-radius: 16px;
							padding: 32px 48px;
							overflow: hidden;

							.custom-text-connect {

								h3 {
									color: var(--fs-color-primary);
									text-align: center;
									font-family: "SVN-Gilroy";
									font-size: 32px;
									font-style: normal;
									font-weight: 700;
									line-height: 120%;
									letter-spacing: 0.64px;
									width: 80%;
									margin: 14px auto;
									display: flex;
									justify-content: center;
								}

								p {
									color: var(--fs-color-primary);
									text-align: center;
									font-family: "SVN-Gilroy";
									font-size: 20px;
									font-style: normal;
									font-weight: 400;
									line-height: 120%;
									text-transform: capitalize;
									width: 80%;
									margin: 0 auto 72px;
									display: flex;
									justify-content: center;
								}

							}

							.row-four-icon {
								p {
									color: var(--main, #4B513A);
									text-align: center;
									font-family: "SVN-Gilroy";
									font-size: 16px;
									font-style: normal;
									font-weight: 400;
									line-height: 120%;
									/* 19.2px */
									text-decoration-line: underline;
									text-decoration-style: solid;
									text-decoration-skip-ink: none;
									text-decoration-thickness: auto;
									text-underline-offset: auto;
									text-underline-position: from-font;

									&.none-underline {
										text-decoration: none;
									}
								}
							}
						}
					}
				}

				@media screen and (max-width:768px) {
					padding: 30px 8px !important;

					.custom-text-concept {

						h5,
						h4,
						h3 {
							width: 100%;
						}
					}
				}
			}
		}
	}
}

/* SINGLE BLOGE */
.article-inner {
	.entry-header {
		.entry-header-text {

			.is-divider {
				display: none;
			}
		}
	}
}

.post-meta-info {
	font-size: 14px;
	color: #777;
	display: flex;
	align-items: center;

	.meta-item {
		display: flex;
		align-items: center;
		gap: 5px;

		&:not(:last-child) {
			position: relative;
			padding-right: 12px;
			margin-right: 12px;

			&::after {
				content: '|';
				position: absolute;
				right: 0;
				color: #ddd;
			}
		}
	}
}

.related-posts {
	margin-top: 40px;

	.related-title {
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	.related-posts-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	.related-post-item {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;

		.thumb {
			display: block;
			padding: 4px;

			img {
				width: 100%;
				height: 250px;
				object-fit: cover;
				border-radius: 8px;
				overflow: hidden;
			}
		}

		.content {
			padding: 15px;

			.title {
				font-size: 16px;
				font-weight: 700;
				line-height: 1.3;
				margin-bottom: 8px;

				a {
					color: #000;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-decoration: none;

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

			.excerpt {
				font-size: 14px;
				color: #444;
				line-height: 1.4;
				margin-bottom: 10px;
			}

			.read-more {
				font-size: 14px;
				font-weight: 600;
				color: var(--fs-color-primary);
				text-decoration: none;
			}
		}
	}
}

/* CONTACT */
.sec-contact {
	.icon-box {
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		margin-bottom: 12px;
		padding: 15px;
		border: 12px;
		overflow: hidden;
		align-items: center;
		cursor: pointer;

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

	}

	.large-8 {

		.col-inner {
			padding: 15px 30px;
			border-radius: 12px;
			overflow: hidden;
			box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		}

	}

	.custom-text-form {
		width: 52%;
		margin: auto;

		h3 {
			color: var(--main, var(--fs-color-primary));
			text-align: center;
			font-family: "SVN-Gilroy";
			font-size: 32px;
			font-style: normal;
			font-weight: 700;
			line-height: 120%;
			/* 38.4px */
			letter-spacing: -0.96px;
			margin-bottom: 8px;
		}

		p {
			color: #000;
			text-align: center;
			font-family: "SVN-Gilroy";
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			margin-bottom: 32px;
		}

	}
}

.sec-apartment {
	.product-small {
		.ux-thumb-text-label {
			top: -56%;

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

.sec-blogs-home {
	margin-bottom: 60px !important;
}