/* Дополняет css/bcta/bcta.css */
.bctaflex {
 	width: 234px;
	height: 186px;
	padding: 32px 24px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 0;
	border-radius: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: space-between;
	    -ms-flex-pack: space-between;
	        justify-content: space-between;
	-webkit-box-align: flex-start;
	    -ms-flex-align: flex-start;
	        align-items: flex-start;
}
.bctaflex .bcta__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.bctaflex .bcta__main {
	display: flex;
	flex-direction: column;
	/* gap: 12px; */
  gap: 0;
}
.bctaflex .bcta__content {
	/* display: none; */
  max-height: 0;
  margin-top: 0;
  transition: opacity 0.3s, max-height 0.3s, margin-top 0.2s;
}
.bctaflex .bcta__icons {
	width: 100%;
  position: absolute;
  top: 0;
  left: 0;
	display: flex;
	justify-content: space-between;
}
.bctaflex .bcta__icon {
	width: 48px;
	height: 48px;
  transition: opacity 0.3s;
}
.bctaflex .bcta__icon_active {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.5 23.4514L9.5 23.4514' stroke='%2300061A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.4004 11.4025L39.5004 23.4505L27.4004 35.5005' stroke='%2300061A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}

.bctaspaced {
	border-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.bctaspaced_type_1 {
	position: relative;
	background-image: url('i/bg-ellipse-white-1.png');
	background-position: top -36px right -146px;
	background-repeat: no-repeat;
	background-size: 210px;
}
.bctaspaced_type_2 {
	background-image: url('i/bg-ellipse-gray-1.png');
	background-position: top -122px left -462px;
	background-repeat: no-repeat;
	background-size: 510px;
}
.bctaspaced_type_2 .bcta__form .form__grid {
  gap: 16px;
}
.bctaspaced__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bctaform_type_1 {
	background-image: url('i/bg-ellipse-white-1.png');
	background-position: top -36px right -146px;
	background-repeat: no-repeat;
	background-size: 210px;
}
.bctaform2 {
	padding: 48px 8px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	grid-gap: 28px 32px;
	border-radius: 12px;
	margin-left: -8px;
	margin-right: -8px; 
	-webkit-box-pack: justify; 
	    -ms-flex-pack: justify; 
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.bctaform2_type_1 {
	position: relative;
	background-repeat: no-repeat;
}
.bctaform2 .bcta__form2 > * {
  max-width: 608px;
}

.bctagrid {
	border-radius: 24px;
	padding: 24px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}
.bctagrid_type_1 {
	background-image: url('i/bg-ellipse-blue-1.png');
	background-position: top -173px left -262px;
	background-repeat: no-repeat;
	background-size: 510px;
}
.bctagrid__text {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-wrap: balance;
}
.bctagrid__form .form__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.bctagrid__form .form__input {
	height: 52px;
	font-size: 20px;
	line-height: 130%;
}
.bctagrid__form .button {
	height: 52px;
	font-size: 20px;
	line-height: 130%;
}

@media (min-width: 576px) {
	.bctaflex {
		width: 289px;
		height: 246px;
	}

	.bctaspaced {
		padding: 48px;
		border-radius: 24px;
	}
	.bctaspaced_type_1 {
		background-image: url('i/bg-ellipse-white-1.png'), url('i/bg-ellipse-white-1.png');
		background-size: 510px, 510px;
		background-position: right -191px top -447px, right -132px bottom -439px;
	}
	.bctaspaced_type_2 {
		background-image: url('i/bg-ellipse-gray-1.png'), url('i/bg-ellipse-gray-1.png');
		background-size: 510px;
		background-position: top -122px left -282px, right -180px bottom -454px;
	}
	.bctaform_type_1,
	.bctaform_type_1 .bcta__form2 {
		border-radius: 24px;
	}
	.bctaform2 {
		margin-left: -24px;
		margin-right: -24px;
		padding: 64px 24px;
	}
	.bctagrid {
		padding: 48px;
	}
	.bctagrid_type_1 {
		background-image: url('i/bg-ellipse-blue-1.png'), url('i/bg-ellipse-blue-1.png');
		background-size: 510px;
		background-position: top -74px left -256px, right -150px bottom -446px;
	}
	.bctaspaced_type_1::after,
	.bctaform2_type_1::after {
		width: 100%;
		height: 32px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		display: flex;
		content: '';
		background: var(--blue400);
		border-radius: 24px;
		filter: blur(100px);
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	/* .bctagrid__form_type_1 .form__wrapcheckbox {
		grid-column: span 2;
	} */
	.bctagrid__form .form__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

/*lg Desktop*/
@media (min-width: 992px) { 
	.bctaflex {
		width: 289px;
		height: 320px;
	}

	.bctaflex_active {
		width: 586px;
		background-size: auto;
	}
	/* .bctaflex_active .bcta__main { 
		gap: 16px;
	} */
	.bctaflex_active .bcta__title {
		font-size: 32px;
		font-weight: 600;
		line-height: 120%; 
	}
  .bctaflex:hover .bcta__icon_active {
    opacity: 1;
  }
  .bctaflex:hover .bcta__content {
    /* display: block; */
    max-height: 84px;
    margin-top: 12px;
    opacity: 1;
  }
  .bctaflex:hover .bcta__content {
    margin-top: 16px;
  }

	.bctaspaced {
		flex-direction: row;
		justify-content: space-between;
	}
	.bctaspaced_type_1 {
		min-height: 267px;
		background-position: 495px -447px, right -156px bottom -455px;
		align-items: center;
	}
	.bctaspaced_type_2 {
		background-position: top -170px left -136px, right -164px bottom -444px;
	}
	.bctaspaced_type_1 .button {
		height: 60px;
		font-size: 24px;
		font-weight: 500;
	}
	.bctaspaced_type_2 {
		min-height: 196px;
	}
	.bctaspaced_type_2 > div:first-child {
		flex-basis: 31%;
	}
	.bctaspaced_type_2 > div:last-child {
		flex-basis: 68%;
	}
  .bctaspaced_type_2 .bcta__form .form__grid {
		grid-template-columns: minmax(100px, 356px) auto;
	}
  .bctaform2 {
		grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
	}
	.bctaform2_type_1 {
		grid-column-gap: 32px;
		background-image: url('i/bg-ellipse-white-1.png'), url('i/bg-ellipse-white-1.png');
		background-size: 510px, 510px;
		background-position: left -145px bottom -309px, right -117px top -117px;
	}
  .bctaform2_type_1,
  .bctaform2_type_1 .bcta__form2 {
    border-radius: 24px;
  }
  .bctaform2 .bcta__form2 > * {
    max-width: 372px;
  }

	.bctagrid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1400px) { 
	.bctaform2 {
		padding-left: 64px;
		padding-right: 64px;
		margin-left: -64px;
    margin-right: -64px;
	}  
}
