.cta {
	 padding: 24px 0;
}
 .cta__bg {
	 display: grid;
	 gap: 24px 48px;
	 border-radius: 16px;
	 background-image: url(/wp-content/themes/gas/build/images/icons/bg-cta.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 padding: 32px 24px;
}
 .cta__tag {
	 width: fit-content;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 500;
	 line-height: 28px;
	 letter-spacing: -0.02em;
	 border-radius: 96px;
	 background-color: rgba(255, 255, 255, 0.12);
	 padding: 0 16px;
	 margin: 0 auto;
}
 .cta__title {
	 color: #fff;
	 font-size: 24px;
	 font-weight: 600;
	 line-height: 32px;
	 letter-spacing: -0.02em;
	 text-align: center;
	 margin-top: 16px;
}
 .cta__text {
	 color: #fff;
	 font-family: Georama, sans-serif;
	 font-size: 14px;
	 font-weight: 400;
	 line-height: 20px;
	 text-align: center;
	 margin-top: 16px;
}
 .cta__row {
	 display: grid;
	 gap: 25px 129px;
}
 .cta__info {
	 position: relative;
	 text-align: center;
}
 .cta__info:not(:last-child)::after {
	 content: '';
	 position: absolute;
	 bottom: -13px;
	 left: 0;
	 width: 100%;
	 height: 1px;
	 background-color: #fff;
	 opacity: 0.6;
}
 .cta__info-label {
	 color: rgba(255, 255, 255, 0.80);
	 font-size: 16px;
	 font-weight: 500;
	 line-height: 20px;
}
 .cta__info-text {
	 color: #fff;
	 font-size: 24px;
	 font-weight: 600;
	 line-height: 28px;
	 letter-spacing: -0.02em;
	 margin-top: 6px;
}
 .cta__button {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 width: 100%;
	 color: #000;
	 font-size: 16px;
	 font-weight: 500;
	 line-height: 24px;
	 border-radius: 50px;
	 background-color: #fff;
	 padding: 12px 20px;
	 margin-top: 24px;
	 transition: 0.3s color, 0.3s background-color;
}
 .cta__button svg {
	 width: 24px;
	 height: 24px;
	 fill: #000;
	 transform: rotate(-45deg);
	 transition: 0.3s fill;
}
 .cta__button:hover {
	 color: #fff;
	 background-color: #275894;
}
 .cta__button:hover svg {
	 fill: #fff;
}
 @media screen and (min-width: 992px) {
	 .cta {
		 padding: 48px 0;
	}
	 .cta__bg {
		 grid-template-columns: minmax(300px, 535px) minmax(320px, 480px);
		 justify-content: space-between;
		 align-items: flex-end;
		 padding: 48px;
	}
	 .cta__tag {
		 font-size: 16px;
		 margin: 0;
	}
	 .cta__title {
		 color: #fff;
		 font-size: 42px;
		 line-height: 48px;
		 text-align: left;
		 margin-top: 32px;
	}
	 .cta__text {
		 text-align: left;
		 margin-top: 32px;
	}
	 .cta__row {
		 grid-template-columns: repeat(2, minmax(0, 1fr));
		 gap: 25px 129px;
	}
	 .cta__info {
		 text-align: left;
	}
	 .cta__info:not(:last-child)::after {
		 content: '';
		 position: absolute;
		 bottom: 0;
		 left: unset;
		 right: -65px;
		 width: 1px;
		 height: 100%;
	}
	 .cta__info-text {
		 font-size: 32px;
	}
	 .cta__button {
		 margin-top: 56px;
	}
}
 