.section-subscribe-calendar {
	padding: 2em 0;
}

.section-subscribe-more {
	padding: 2em 0;
}

.subscribe-calendar {
	position: relative;
	padding: 19em 1.6em 1.6em 1.6em
}

.subscribe-more {
	position: relative;
	padding: 19em 1.6em 1.6em 1.6em
}
.subscribe-calendar .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background: #C71530;
	border-radius: var(--br-md);
}

.subscribe-more .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background: #1b3865;
	border-radius: var(--br-md);
}
.subscribe-calendar .bg .img {
	display: block;
	height: 50%;
	width: 100%;
	border-radius: var(--br-md);
	overflow: hidden;
	position: relative;
}

.subscribe-more .bg .img {
	display: block;
	height: 50%;
	width: 100%;
	border-radius: var(--br-md);
	overflow: hidden;
	position: relative;
}
.subscribe-calendar .bg img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top center;
}

.subscribe-more .bg img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: bottom right;
}
.subscribe-calendar .bg .img:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #C71530 0%, rgba(27, 56, 101, 0) 46.63%, #C71530 100%), linear-gradient(180deg, rgba(27, 56, 101, 0) 0%, #C71530 100%);
	border-radius: var(--br-md) var(--br-md) 0 0;
}

.subscribe-more .bg .img:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #1b3865 0%, rgba(27, 56, 101, 0) 46.63%, #1b3865 100%), linear-gradient(180deg, rgba(27, 56, 101, 0) 0%, #1b3865 100%);
	border-radius: var(--br-md) var(--br-md) 0 0;
}


.subscribe-calendar .chats {
	display: none;
}

.subscribe-more .chats {
	display: none;
}
.subscribe-calendar .wrap {
	background: white;
	border-radius: var(--br-md);
	position: relative;
	z-index: 1;
	padding: 2em 1.6em;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
}

.subscribe-more .wrap {
	background: white;
	border-radius: var(--br-md);
	position: relative;
	z-index: 1;
	padding: 2em 1.6em;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
}

.subscribe-calendar .content {
	line-height: normal; 
}
.subscribe-more .content {
	line-height: normal; 
}
.subscribe-calendar .content .title {
	font-weight: 500;
	font-size: 1.8em;
}
.subscribe-more .content .title {
	font-weight: 500;
	font-size: 2.8em;
}
.subscribe-calendar .content .text {
	font-size: 1.3em;
	margin-top: 0.75em
}
.subscribe-more .content .text {
	font-size: 1.3em;
	margin-top: 0.75em
}
.subscribe-calendar .button {
	display: flex;
	align-items: center;
	flex-flow: column;
	justify-content: center;
	margin-top: 1em;
}

.subscribe-more .button {
	display: flex;
	align-items: center;
	flex-flow: column;
	justify-content: center;
	margin-top: 1em;
}

@media (min-width: 992px) {
	.subscribe-calendar .wrap {
		display: flex;
		align-items: center;
	}
	
		.subscribe-more .wrap {
		display: flex;
		align-items: center;
	}
	
	.subscribe-calendar .content {
		padding-right: 2em;
	}
		.subscribe-more .content {
		padding-right: 2em;
	}
	
	.subscribe-calendar .bg .img {
		width: 60%;
		height: 100%;
	}
	
		.subscribe-more .bg .img {
		width: 100%;
		height: 100%;
	}
	
	.subscribe-calendar .bg .img:before {
		background: linear-gradient(90deg, rgba(27, 56, 101, 0) 31.33%, #C71530 100%), linear-gradient(270deg, rgba(27, 56, 101, 0) 49.52%, rgba(27, 56, 101, 0.75) 100%);
		border-radius: var(--br-md) 0 0 var(--br-md);
	}
	
		.subscribe-more .bg .img:before {

		border-radius: var(--br-md) 0 0 var(--br-md);
	}

}
@media (min-width: 1220px) {
	.subscribe-calendar {
		padding: 15em 3.4em 2.5em 3.4em
	}
	
		.subscribe-more {
		padding: 15em 3.4em 2.5em 3.4em
	}
	.subscribe-calendar .wrap {
		width: 70%;
		padding-right: 10em;
	}
	
		.subscribe-more .wrap {
		width: 70%;
		padding-right: 10em;
	}
	
	.subscribe-calendar .chats {
		display: block;
		position: absolute;
		right: 2.3em;
		bottom: 0;
		top: 3.56em;
		width: calc(30% + 6em);
		overflow: hidden;
		z-index: 2;
	}
		.subscribe-more .chats {
		display: block;
		position: absolute;
		right: 2.3em;
		bottom: 0;
		top: 3.56em;
		width: calc(45% + 6em);
		overflow: hidden;
		z-index: 2;
	}
	.subscribe-calendar .chat {
		position: absolute;
	}
		.subscribe-more .chat {
		position: absolute;
	}
	.subscribe-calendar .chat:nth-child(1) {
		left: 0;
		top: 0;
	}
		.subscribe-more .chat:nth-child(1) {
		left: 0;
		top: 0;
	}
	.subscribe-calendar .chat:nth-child(2) {
		right: 0;
		top: 5.3em;
	}
		.subscribe-more .chat:nth-child(2) {
		right: 0;
		top: 5.3em;
	}
	.subscribe-calendar .chat img {
		display: block;
		width: 100%;
	}
		.subscribe-more .chat img {
		display: block;
		width: 100%;
	}
}
.btn-subscribe {
	--color: gray;
	background: #FFFFFF;
	border: 0.2em solid var(--color);
	border-radius: 48px;
	
	filter: drop-shadow(0px 16px 12px rgba(0, 0, 0, 0.12));
	
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0.5em 1.5em 0.5em 0.5em;
	font-size: 1.1em;
	line-height: normal; 
	
	color: black;
	
	width: 100%;
}

.btn-subscribe-more {
	--color: gray;
	background: #FFFFFF;
	border: 0.2em solid #c71530;
	border-radius: 48px;
	
	filter: drop-shadow(0px 16px 12px rgba(0, 0, 0, 0.12));
	
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0.5em 1.5em 0.5em 0.5em;
	font-size: 1.1em;
	line-height: normal; 
	
	color: black;
	
	width: 100%;
}

.btn-subscribe + .btn-subscribe {
	margin-top: 0.2em;
}
.btn-subscribe-more + .btn-subscribe-more {
	margin-top: 0.2em;
}
.btn-subscribe:hover {
	text-decoration: none;
	background-color: var(--color);
	color: white;
}
.btn-subscribe-more:hover {
	text-decoration: none;
	background-color: var(--color);
	color: white;
}
.btn-subscribe i {
	width: 1.75em;
	height: 1.75em;
}
.btn-subscribe-more i {
	width: 1.75em;
	height: 1.75em;
}
.btn-subscribe i svg {
	display: block;
	width: 100%;
	height: auto;
}
.btn-subscribe-more i svg {
	display: block;
	width: 100%;
	height: auto;
}
.btn-subscribe span {
	display: block;
	padding-left: 1em;
}
.btn-subscribe-more span {
	display: block;
	padding-left: 1em;
}

.btn-vk {
	--color: #0077FF;
}
.btn-max {
	--color: #2962FF;
}
.btn-telegram {
	--color: #35ADE1;
}

.btnmore {
	--color: #c71530;
}