/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');


body.trigger-emails-body {
	font-family: "Montserrat", sans-serif;

	background-color: #f9f9f9;

	padding: 15px;
}

.trigger-emails__wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 25px;
}

.trigger-emails-title {
	color: #3F892C;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.01em;
}


.trigger-emails {
	width: 640px;
	height: fit-content;

	background-color: #fff;
	box-shadow: 4px 2px 36px 0 rgba(0, 0, 0, 0.06);

	padding: 5rem 3rem 3rem 3rem;
}

.trigger-emails__top-wrapper {
	width: 540px;
	height: 275px;

	display: flex;
	flex-direction: column;
	align-items: center;

	background: url(../../img/custom-img/trigger-emails/trigger-emails-logo-bg.png) no-repeat center/contain;

	padding: 8px;
	margin-bottom: 32px;
}

.trigger-emails__top {
	position: relative;

	width: 523px;
	height: 168px;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	
	border-radius: 16px;
	background: url("../../img/custom-img/trigger-emails/trigger-emails-bg.jpg") no-repeat center/contain;

	margin-bottom: 32px;
	padding-bottom: 23px;
}

.trigger-emails__top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	border-radius: inherit;
  background: rgba(0, 0, 0, 0.13);   /* основной вариант */
  /* background: rgba(26, 46, 37, 0.6); */ /* тёмно-зелёный */
  /* background: rgba(0, 80, 50, 0.5); */
}

.trigger-emails__top-title {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.01em;

	margin-bottom: 20px;
}

.trigger-emails__top-text {
	position: relative;
	z-index: 2;
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.trigger-emails__top-emage {
	position: absolute;

	top: -8px;
	left: 260px;
	transform: translate(-50%, -50%);
}

.trigger-emails__top-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.trigger-emails-welcome__text {
	color: #191919;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-align: center;

	margin-bottom: 10px;
}

.trigger-emails-welcome__text:last-child {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-align: center;

	margin: 0 auto 30px;
}

.trigger-emails-welcome__text:last-child span {
	color: #3F892C;
	font-weight: 700;
}

.trigger-emails-mean {
	width: 100%;
	height: 192px;

	display: flex;
	flex-direction: column;
	align-items: center;

	border-radius: 16px;
	background-color: #f5f5f5;

	padding-top: 26px;
	margin-bottom: 10px;
}

.trigger-emails-mean__title {
	margin-bottom: 16px;
}

.trigger-emails-mean__list {
	list-style-type: disc;
}

.trigger-emails-mean__item {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.01em;
}

.trigger-emails-mean__item span {
	font-weight: 600;
}

.trigger-emails-mean__item:not(:last-child) {
	margin-bottom: 10px;
}

.trigger-emails-profit {
	width: 100%;
	height: 168px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	border-radius: 16px;
	background-color: #f5f5f5;

	margin-bottom: 31px;
	padding-inline: 20px;
}

.trigger-emails-profit__title {
	margin-bottom: 25px;
}

.trigger-emails-profit__text {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.01em;

	margin-bottom: 32px;
}

.trigger-emails-profit__text span {
	font-weight: 600;
}

.trigger-emails-profit__link {
	width: 100%;
	height: 40px;

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

	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;

	border-radius: 18px;
	background-color: #4fb267;
	transition: background-color 0.3s ease;
}

.trigger-emails-profit__link:hover {
	background-color: #439557;
}

.trigger-emails-forward {
	margin-bottom: 29px;
}

.trigger-emails-forward__title {
	text-align: center;

	margin-bottom: 30px;
}

.trigger-emails-forward__list {
	width: 100%;
	height: 139px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	list-style-type: disc;
	border-radius: 16px;
	background-color: #f5f5f5;
}

.trigger-emails-forward__item {
	max-width: 448px;
	width: 100%;

	font-family: 'Inter', sans-serif;
	color: #191919;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.01em;
}

.trigger-emails-forward__item span {
	font-weight: 600;
}

.trigger-emails-forward__item:not(:last-child) {
	margin-bottom: 10px;
}

.trigger-emails__text-info {
	max-width: 343px;
	word-wrap: 100%;

	font-family: 'Inter', sans-serif;
	color: #191919;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: -0.01em;
	text-align: center;

	margin: 0 auto 21px;
}

.trigger-emails-credentials {
	width: 100%;

	border-radius: 16px;
	border: 0.50px solid rgba(0, 0, 0, 0.27);

	margin-bottom: 29px;
}

.trigger-emails-credentials__top {
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #ECF3EA;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom: 0.50px solid rgba(0, 0, 0, 0.27);
}

.trigger-emails-credentials__title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.trigger-emails-credentials__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 28px;
	row-gap: 8px;
	align-items: baseline;

	padding: 16px 20px 16px 14px;
}

.trigger-emails-credentials__label,
.trigger-emails-credentials__value {
	font-family: 'Inter', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 600;
}

.trigger-emails-credentials__value {
	font-weight: 400;
}

.trigger-emails-credentials__row {
	display: flex;
	justify-content: space-between;
}

.trigger-emails-credentials__row:nth-child(1) {
	width: 263px;
}

.trigger-emails-credentials__row:nth-child(1),
.trigger-emails-credentials__row:nth-child(2) {
  grid-column: 1;
}

.trigger-emails-credentials__row--password {
	grid-column: 2;
	align-self: flex-end;
}

.trigger-emails__link {
	width: 100%;
	height: 40px;

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

	color: #191919;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;

	border-radius: 18px;
	transition: background-color 0.3s ease, color 0.3s ease;
	background-color: #e6e6e6;
}

.trigger-emails__link:hover {
	color: #fff;
	background-color: #3F892C;
}

.trigger-emails__link:first-of-type {
	margin-bottom: 20px;
}

.trigger-emails__catalog-hint {
	max-width: 412px;
	width: 100%;

	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: -0.01em;
	text-align: center;

	margin: 0 auto 22px;
}

.trigger-emails__link:last-of-type {
	margin-bottom: 80px;
}

.trigger-emails-thanks {
	position: relative;

	width: 100%;
	height: 134px;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-end;

	border-radius: 16px;
	background-color: #f3ffef;

	margin-bottom: 20px;
	padding-bottom: 22px;
}

.trigger-emails-thanks__image {
	position: absolute;
	top: -55px;
  left: 220px;
}

.trigger-emails-thanks__text {
	max-width: 412px;
	width: 100%;

	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-align: center;
}

.trigger-emails-thanks__text a {
	color: #3F892C;
	font-weight: 600;
}

.trigger-emails-thanks__text a:hover {
	text-decoration: underline;
	text-decoration-color: #3F892C;
}

.trigger-emails-feedback {
	border-top: 1px solid rgba(0, 0, 0, 0.24);
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}


.trigger-emails-order-welcome .trigger-emails-welcome__text:last-child span {
	color: #191919;
}

table.trigger-emails-order-table {
	width: 100%;
}

.trigger-emails-order-composition {
	margin-bottom: 30px;
}

.trigger-emails-order-composition__top {
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	background-color: #ECF3EA;
}

.trigger-emails-order-composition__title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.trigger-emails-order-details__list {
	width: 100%;

	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;

	margin-bottom: 32px;
}

.trigger-emails-order__text {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-align: center;

	margin-bottom: 22px;
}

.trigger-emails-order__text span {
	color: #3F892C;
	font-weight: 700;
}

.trigger-emails-order__button {
	width: 100%;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	font-family: inherit;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;

	cursor: pointer;
	border-radius: 18px;
	background-color: #4fb267;
	transition: background-color 0.3s ease;
	
	margin-bottom: 42px;

	border: none;
	outline: none;
}

.trigger-emails-order__button:hover {
	background-color: #3F892C;
}

.trigger-emails-order-mean {
	height: 238px;

	margin-bottom: 13px;
}

.trigger-emails-order-mean__item {
	max-width: 467px;
	width: 100%;
}

.trigger-emails-order__text-info {
	max-width: 100%;

	text-align: left;

	margin: 0 0 19px 0;
}

.trigger-emails-order-second__text {
	max-width: 363px;
	width: 100%;

	margin: 0 auto 19px;
}

.trigger-emails-order-second-composition {
	margin-bottom: 20px;
}

.trigger-emails-order-second-details__list {
	margin-bottom: 27px;
}

.trigger-emails-order-second-details-wrapper {
	width: 100%;
	height: 173px;

	border-radius: 10px;
	border: 1px solid #c9c9c9;

	margin-bottom: 71px;

	padding: 25px;
}

.trigger-emails-order-second__link.trigger-emails__link:last-of-type {
	margin-bottom: 19px;
}

.trigger-emails-order-second-details-wrapper .trigger-emails-order__text-info {
	max-width: 414px;
	width: 100%;

	text-align: center;

	margin: 0 auto 30px;
}

.trigger-emails-order-cancel__text:nth-child(2) {
	margin-bottom: 41px;
}

.trigger-emails-order-cancel__text:nth-child(3) {
	width: 553px;
	
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	text-align: left;
}

.trigger-emails-order-cancel__text:nth-child(3) span {
	color: #4fb267;
}

.trigger-emails-order-cancel__button {
	margin-bottom: 38px;
}

.trigger-emails-order-cancel__text-info {
	max-width: 489px;
	width: 100%;

	margin-bottom: 39px;
}

.trigger-emails-socials {
	width: 100%;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 11px 18px;

	margin-bottom: 30px;
}

.trigger-emails-socials__link {
	width: 256px;
	height: 40px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;

	color: #191919;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;

	border-radius: 20px;
	transition: color 0.3s ease, background-color 0.3s ease;
	background-color: #e6e6e6;
}

.trigger-emails-socials__link svg {
	color: #2B2A29;
	transition: color 0.3s ease;
}

.trigger-emails-socials__link:hover {
	color: #fff;
	background-color: #3F892C;
}

.trigger-emails-socials__link:hover svg {
	color: #fff;
}

.trigger-emails-paid__text-info {
	max-width: 100%;

	margin-bottom: 0 auto 26px;
}

.trigger-emails-paid__button {
	width: 100%;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	font-family: inherit;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;

	cursor: pointer;
	border-radius: 18px;
	background-color: #4fb267;
	transition: background-color 0.3s ease;

	margin-bottom: 32px;

	border: none;
	outline: none;
}

.trigger-emails-paid__button:hover {
	background-color: #439557;
}

.trigger-emails-paid-details__list {
	margin-bottom: 80px;
}

.trigger-emails-received__list {
	margin-bottom: 87px;
}

.trigger-emails-received-info {
	width: 100%;
	height: 233px;
	
	border-radius: 16px;
	border: 0.50px solid rgba(0, 0, 0, 0.27);

	margin-bottom: 11px;
}

.trigger-emails-received-info__top {
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	background-color: #ECF3EA;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;

	padding-inline: 14px;
}

.trigger-emails-received-info__label,
.trigger-emails-received-info__value {
	font-family: 'Inter', sans-serif;
	color: #333;
	font-size: 16px;
}

.trigger-emails-received-info__label {
	font-weight: 500;
}

.trigger-emails-received-info__value {
	font-weight: 400;
}

.trigger-emails-received-info__content {
	padding: 16px;
}

.trigger-emails-received-info__row {
	width: 507px;

	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.trigger-emails-received-info__row:not(:last-child) {
	margin-bottom: 16px;
}

.trigger-emails-received-cashback {
	width: 100%;
	height: 100px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	border-radius: 16px;
	background-color: #f5f5f5;

	margin-bottom: 16px;
}

.trigger-emails-received-cashback__text:first-child {
	color: #3F892C;
	font-size: 18px;
	font-weight: 600;
}

.trigger-emails-received-cashback__text:last-child {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
}

.trigger-emails-received__button {
	margin-bottom: 20px;
}

.trigger-emails-cashback__text {
	color: #4fb267;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	letter-spacing: -0.01em;
	text-transform: uppercase;

	margin-bottom: 22px;
}

.trigger-emails-cashback-info {
	height: 153px;
}

.trigger-emails-cashback-info .trigger-emails-received-info__row:not(:last-child) {
	margin-bottom: 16px;
}

.trigger-emails-cashback-item:nth-child(6) {
	height: 124px;

	margin-bottom: 34px;
}

.trigger-emails-cashback-item .trigger-emails-received-cashback__text {
	width: 100%;

	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.trigger-emails-cashback-item .trigger-emails-received-cashback__text span {
	font-family: "Montserrat", sans-serif;
	color: #3F892C;
	font-size: 18px;
	font-weight: 600;
}

.trigger-emails-cashback-item:nth-child(5) .trigger-emails-received-cashback__text {
	max-width: 352px;
}

.trigger-emails-cashback-item:nth-child(6) .trigger-emails-received-cashback__text {
	max-width: 352px;
}

.trigger-emails-cashback__button {
	display: flex;
	align-items: center;
	column-gap: 10px;

	margin-bottom: 29px;
}

.trigger-emails-cashback__text-info {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.01em;

	margin-bottom: 33px;
}

.trigger-emails-impressions-welcome .trigger-emails-welcome__text:last-child {
	max-width: 316px;
	width: 100%;

	margin: 0 auto 52px;
}

.trigger-emails-impressions-bonus {
	width: 100%;
	height: 100px;

	display: flex;
	align-items: center;
	justify-content: flex-start;

	border-radius: 16px;
	background-color: #f5f5f5;

	margin-bottom: 20px;
	padding-inline: 24px;
}

.trigger-emails-impressions-bonus__text {
	max-width: 464px;
	width: 100%;

	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.01em;
}

.trigger-emails-impressions-bonus span {
	color: #3F892C;
	font-weight: 700;
}

.trigger-emails-impressions-info {
	margin-bottom: 79px;
}

.trigger-emails-impressions-info__title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.trigger-emails-impressions-info .trigger-emails-received-info__top {
	justify-content: center;

	border-bottom: 0.50px solid rgba(0, 0, 0, 0.27);
}

.trigger-emails-impressions-info .trigger-emails-received-info__label {
	display: block;

	max-width: 222px;
	width: 100%;

	font-family: 'Inter', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 400;
}

.trigger-emails-impressions-info__link {
	width: 239px;
	height: 34px;

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

	font-family: inherit;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.01em;

	border-radius: 20px;
	background-color: #4fb267;
	transition: background-color 0.3s ease;
}

.trigger-emails-impressions-info__link:hover {
	background-color: #439557;
}

.trigger-emails-impressions-info .trigger-emails-received-info__content {
	padding: 23px 16px;
}

.trigger-emails-impressions-info .trigger-emails-received-info__row {
	padding-bottom: 23px;
}

.trigger-emails-impressions-info .trigger-emails-received-info__row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

.trigger-emails-await-welcome .trigger-emails-welcome__text:last-child {
	margin-bottom: 14px;
}

.trigger-emails-await-welcome .trigger-emails-welcome__text span {
	font-family: "Montserrat", sans-serif;
	color: #191919;
	font-size: 21px;
	font-weight: 600;
}

.trigger-emails-await__text-info {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	text-align: center;
	letter-spacing: -0.01em;

	margin: 0 auto 30px;
}

.trigger-emails-await__map {
	width: 100%;
	height: 387px;

	border-radius: 16px;

	margin-bottom: 88px;
}

.trigger-emails-await-composition {
	margin-bottom: 20px;
}

.trigger-emails-await__list {
	width: 100%;

	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;

	margin-bottom: 28px;
}

.trigger-emails-await-info {
	width: 100%;
	height: 155px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 24px;

	border-radius: 16px;
	border: 1px solid #d4d4d4;
	background-color: #fbfbfb;

	margin-bottom: 20px;
}

.trigger-emails-await-info__text {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.trigger-emails-await-address {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.trigger-emails-await-address__label {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.trigger-emails-await-address__text {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.trigger-emails-await-address__text address {
	font-family: 'Inter', sans-serif;
	color: #3F892C;
	font-style: normal;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-decoration: underline;
	text-decoration-color: #3F892C;
}

.trigger-emails-await-info__link {
	display: flex;
	align-items: center;
	column-gap: 3px;
}

.trigger-emails-await-info__link svg {
	color: #000;

	transition: color 0.3s ease;
}

.trigger-emails-await-info__link span {
	font-family: 'Inter', sans-serif;
	color: #191919;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;

	transition: color 0.3s ease;
}

.trigger-emails-await-info__link:hover svg,
.trigger-emails-await-info__link:hover span {
	color: #3F892C;
}