.popup-create-certificate .popup-body {
	width: 100%;
}

.popup-create-certificate .popup-content {
	padding: 0;
}

.certif-create-header {
	width: 775px;
	margin: 80px auto 40px;
	text-align: center;
}
.certif-create-h1 {
	font-size: 32px;
	line-height: 110%;
	margin-bottom: 20px;
}
.certif-create-introtext {
	margin: 0 0 20px 0;
}

.certif-nav {
	margin: 0 auto 40px;
}
.certif-steps {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:10px;

	margin: 0;
	padding: 0;
}
.certif-step {
	flex-shrink: 0;

	position: relative;
	padding: 10px 10px 23px 10px;

	font-family: var(--font-family-header);
	letter-spacing: 1%;

	opacity: 40%;
}
.certif-step a {
	text-decoration: none;
}
.certif-step::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;

	height: 3px;
	border-radius: 4px;
	background-color: transparent;	
}
.certif-step._current {
	font-weight: 500;
	opacity: 1;
}
.certif-step._current::after {
	background-color: var(--bg-color-main__extra);
}
.create-certificate-logo {
	padding:40px;
	text-align: right;
}

.certif-stepbody {
	width: 900px;
	margin: 0 auto 0;

	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px;

	display: none; /*скрытие для js*/
}
.certif-stepbody._opened {
	display: flex;
}

.certif-stepbody.cert-create-design {
	width: 1224px;

	flex-direction: column;
	gap: 0;
}
.certif-stepbody-h2 {
	margin: 0 0 20px;
}
.certif-stepbody.cert-create-design .certif-stepbody-h2 {
	text-align: center;
}

.cert-design-gallery {
	margin: 0 auto 20px;
	width: 1224px;
	height: 600px;
	overflow: hidden;
}
.cert-design-buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;

	margin-top: 40px;
}
.cert-design-buttons .button {
	width: 200px;
}

.certif-result-box {
	width: 400px;
	flex-shrink: 0;
}
.certif-content-box {
	width: 450px;
	flex-shrink: 0;
	background-color: #fff;
}
.certif-stepbody .button-next-step {
	width: 240px;
}
.certif-nominals-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;

	margin-bottom: 40px;
}
.certif-nominal {
	display: block;
	width: 140px;
	border: 1px solid var(--bg-color-main);
	border-radius: 4px;
	background-color: #fff;
	padding: 15px;

	font-size: 10px;
	line-height: 130%;
	letter-spacing: 2%;	
	font-family: var(--font-family-header);
	text-align: center;
	text-decoration: none;
}

.certif-nominal._selected,
.certif-nominal:focus,
.certif-nominal:active {
	background-color: rgba(211, 224, 234, 0.3);
}

.certif-reciever-info {
	margin-bottom: 40px;
}
p.certif-ai-text {
	position: relative;
	padding-left: 30px;
	margin: 20px 0 0;
	line-height: 25px;
}
.certif-ai-text::before {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;

	background-image: url(../img/icn-smartPrice.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.certif-dateNtime {
	margin-bottom: 40px;
}
.form-row-date {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.form-row-date input {
	width: 220px;
}
.dropdown-time-zone {
	margin-bottom: 20px;
}

.certif-from-who {
	margin-bottom: 40px;
}
.certif-from-who .form-row-checkbox {
	margin-top: 20px;
}

.certif-buyer-info {
	margin-bottom: 40px;
}
.certif-stepbody .button-pay {
	width: 240px;
}

.certif-carousel {
	width: 1224px;
}
.certif-carousel-slide {
	width: 400px;
}


.swiper {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}
.swiper-slide {
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform;
  display:block
}
/* код для карусели */
.swiper {
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-carousel.slick-slider,
.slider-carousel .slick-list {
	height: 600px;
}
.slider-carousel .slick-track {
	top: 50%;
	margin-top: -150px;
}
.slider-carousel .slick-slide{
	position: relative;
	z-index: 1;

	width: 200px;	  
	height: 300px;
	margin: 0 25px;      
}
.slider-carousel .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(5px);

	transition: all 250ms ease-in-out;	
}

.slider-carousel .slick-active {	
	z-index: 2;
}
.slider-carousel .slick-active img{
	transform: scale(1.5);
	filter: blur(0);

	transition-duration: 150ms;
}
.slider-carousel .slick-center {  	
  	z-index: 3;
}
.slider-carousel .slick-center img{
	transform: scale(2);	
	filter: blur(0);
}


.slick-arrow,
.swiper-button {
	position: absolute;

	top: 50%;
	margin-top: -58px;
	width: 56px;
	height: 56px;

	border-radius: 50%;
	padding: 0;
	border: none;
	background-color: #ffffff;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;

	text-indent: -99999px;
	cursor: pointer;

	z-index: 1;
}
.slick-prev, 
.swiper-button-prev {
  left : 140px;
  background-image: url(../img/icn-arrow-left.svg);
}

.slick-next,
.swiper-button-next {
  right : 140px;
  background-image: url(../img/icn-arrow-right.svg);
}

.slick-arrow:hover,
.swiper-button:hover {
  background-color : var(--bg-color-main);
}

.swiper-button::after {

}
  
/* конец кода карусели */



@media only screen and (max-width: 1440px) {
    .create-certificate-logo {
    	padding: 20px;
    }    

    .certif-stepbody.cert-create-design {
    	width: 990px;
    }
    .cert-design-gallery {
    	width: 990px;
    	height: 420px;
    }
    .slider-carousel.slick-slider, .slider-carousel .slick-list {
    	height: 420px;
    }
    .slider-carousel .slick-track {
    	margin-top: -134px;
    }
    .slider-carousel .slick-slide{
    	width: 180px;
    	height: 270px;
    	margin: 0 10px;
    }
    .slider-carousel .slick-slide img {

    }
    .slider-carousel .slick-active img{
		transform: scale(1.2);
	}
	.slider-carousel .slick-center img{
		transform: scale(1.55);
	}
	.slick-arrow,
	.swiper-button {
		margin-top: -35px;
	}

}

@media only screen and (max-width: 1023px) {

	.create-certificate-box {
		padding-bottom: 60px;
	}
	.certif-create-header {
		width: 100%;	
		margin-top: 40px;	
	}
	.certif-create-h1 {
		font-size: 24px;
		line-height: 120%;
	}
	.certif-create-introtext {
		padding: 0 15px;
	}
	.certif-nav {
		display: flex;
		flex-direction: column;

		overflow-x: auto;
    	overflow-y: hidden;
    	scrollbar-width: none;    	

    	margin-bottom: 20px;
	}
	.certif-steps {
		padding: 0 15px;
		justify-content: start;
	}
	.certif-stepbody.cert-create-design,
	.cert-design-gallery {
		width: 100%;
	}
	.cert-design-buttons {
		flex-direction: column;
		padding: 0 15px;
	}
	.cert-design-buttons .button {
		width: 100%;
	}
	.create-certificate-logo {
		display: none;
	}
	.certif-result-box {
		display: none;
	}
	.certif-stepbody {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		flex-direction: column;
	}
	.certif-content-box {
		width: 100%;
		padding: 0 15px;
	}
	.certif-stepbody .button-next-step {
		width: 100%;
		margin: 0 auto;
	}
	.form-row-date {
		flex-direction: column;
	}
	.form-row-date input {
		margin-bottom: 10px;
	}
	.certif-nominal {
		width: 113px;
	}
}