.widgets--hero2 {
	position: relative;
	display: flex;
	z-index: 1;

	@media (max-width: 767px) {
		flex-direction: column;
		padding-top: 6rem;
	}

	>.img {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		left: 100%;
		top: 0;
		left: 0;

		img,
		svg,
		video {
			position: relative;
			z-index: 1;
			width: 100%;
			height: 100%;
			z-index: 1;
			object-fit: cover;
		}

		@media (max-width: 991px) {
			padding-top: 6rem;
			overflow: hidden;

			img,
			svg,
			video {
				height: auto;
			}
		}
	}

	>.cont {
		width: 100%;
		height: 100%;
		padding-top: 15rem;
		padding-inline: var(--pd);

		.scont {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: flex-start;
			z-index: 5;

			.text {
				width: 50%;
				padding-top: 3rem;
				padding-left: 2rem;
				padding-bottom: 5rem;

				.sttl {
					display: flex;
					align-items: center;
					font-size: 1.3rem;
					color: var(--g4);
					letter-spacing: 0.05rem;

					span {
						display: inline-block;
						margin-right: 0.2rem;
						line-height: 100%;
						letter-spacing: 0.08rem;
						color: var(--c4);

						img {
							height: 2.6rem;
							aspect-ratio: 10/7;
						}
					}
				}

				.ttl {
					padding: 1.5rem 0 1.5rem 0;
					font-size: 2.6rem;
					font-weight: 800;
					line-height: 130%;
					letter-spacing: 0.08rem;
					color: var(--g6);
					font-family: var(--font-text-cond);

					span {
						color: var(--c3);
					}
				}

				.txt {
					padding-bottom: 2rem;
					font-weight: 300;
					letter-spacing: 0.03rem;
					line-height: 150%;
					color: var(--g4);
				}

				.btn {
					display: flex;
					gap: 1rem;
					align-items: center;

					>a {
						white-space: nowrap;
					}

					>a:nth-child(1) {
						position: relative;
						display: flex;
						text-decoration: none;
						color: var(--c2);
						padding: 1rem 1.5rem;
						transition: background 0.25s linear;
						font-weight: 800;
						font-size: 0.85rem;
						text-transform: uppercase;
						border: none;
						border-radius: 1.6rem;
						width: 100%;
						background: linear-gradient(180deg, #f9d5c9, #c9ada3);
						letter-spacing: 0.04rem;
						justify-content: center;
						align-items: center;
						width: auto;
						transition: all 0.2s linear;
						overflow: hidden;

						&::before {
							content: "";
							position: absolute;
							top: 0;
							left: -150%;
							left: 0;
							height: 100%;
							width: 100%;
							transform: skewX(-45deg);
							background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), white);
							box-shadow: 0.625rem 0 1.25rem -0.625rem #fff;
							animation: a 5s infinite linear;
						}

						&:hover {
							background: linear-gradient(180deg, #c9ada3, #f9d5c9);

							&::before {
								display: none;
							}
						}

						&.disabled {
							opacity: 0.5;
							pointer-events: none;
						}

						&.hidden {
							display: none;
						}
					}

					>a:nth-child(2) {
						display: flex;
						align-items: center;
						text-decoration: none;
						color: var(--g4);
						padding: 0.7rem 1.4rem;
						transition: color 0.25s linear;
						font-weight: 300;
						font-size: 0.8rem;
						letter-spacing: 0.08rem;

						svg {
							margin-right: 0.7rem;
							height: 1.4rem;
							aspect-ratio: 23/24;
							stroke: var(--c3);
						}

						&:hover {
							color: var(--g6);

							svg {
								stroke: var(--c4);
							}
						}
					}
				}
			}

			.text2 {
				width: 30%;
			}
		}

		@media (max-width: 991px) {
			padding-top: 2.2rem;
			padding-inline: var(--pd);

			>.scont {
				align-items: flex-start;
				flex-direction: column;

				.text {
					width: 50%;
					@media (max-width: 767px) {
						width: 100%;
					}
					padding-left: 0;
					padding-top: 2rem;
					padding-bottom: 2rem;

					.sttl {
						padding-top:10rem;
						flex-direction: column;
						align-items: flex-start;
						font-size: 0.8rem;
						gap: 0.5rem;
						color: var(--g6);
					}

					.ttl {
						font-size: 1.4rem;
						text-transform: capitalize;
						text-align: left;
					}

					.txt {
						text-align: left;
						color: var(--g6);
					}
					.btn {
						align-items: flex-start;
					}
				}
			}
		}
	}
}