.catalog-banner {
	--section-space: 64px;

	.grid_wrapper {
		position: relative;
		display: grid;
		grid-template-columns: 1fr 59%;
		grid-gap: 65px;
		align-items: center;
		background-color: #EADEDE;
		border-radius: 24px;
	}

	.text_box {
		padding-left: 23%;

		h1 {
			margin-bottom: 16px;
		}

		p {
			font-weight: 500;
		}

		.button {
			margin-top: 24px;
		}
	}

	.img_box {
		position: relative;
		padding-top: 40.7%;
		overflow: hidden;

		img {
			position: absolute;
			top: 63%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			display: block;
			object-fit: cover;
		}
	}

	.logo {
		position: absolute;
		right: 24px;
		bottom: 24px;
		width: 155px;
	}

	@media(max-width: 1199px) {
		--section-space: 100px;

		.grid_wrapper {
			grid-template-columns: 1fr 52%;
			grid-gap: 8px;
		}

		.text_box {
			padding-left: 40px;
		}

		.img_box {
			padding-top: 58.1%;

			img {
				top: 50%;
			}
		}

		.logo {
			right: 16px;
			bottom: 16px;
			width: 100px;
		}
	}

	@media(max-width: 767px) {
		.grid_wrapper {
			grid-template-columns: 100%;
			grid-gap: 24px;
			padding-bottom: 20px;
		}

		.text_box {
			padding: 24px 24px 0;
		}

		.img_box {
			padding-top: 0;
			
			img {
				position: static;
				transform: none;
			}
		}

		.logo {
			position: static;
			margin: 0 auto;
			width: 155px;
		}
	}
}