/* Скрываем все popup окна по умолчанию */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Содержимое popup окна */
.popup-content {
    background: #fff;
    border-radius: 25px;
    text-align: center;
    max-width: 1100px;
	min-height: 400px;
    width: 90%;
    position: relative;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.popup-content-left{
	width: 37%;
	padding: 10px;
	border-radius: 25px 0px 0px 25px;
}
.popup-content-right{
	width: 62%;
	padding: 30px 30px;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #000;
}
.popup-content input{
	width: 30%;
	height:40px;
	border-radius: 10px;
	padding: 10px;
	background: #fff;
}
/* Кнопка "Закрыть" */
.close-popup {
    padding: 0px 8px;
	font-size: 20px;
	position: absolute;
	top: -55px;
	right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 25px;
    cursor: pointer;
    background-color: #fff; /*Для каждого popup окна свой цвет*/
    border: none;
	transition: all 0.3s ease;
}
.close-popup:hover {
    background-color: #757ABB;
	color: #fff;
}
.close-popup i{
	transition: all 0.3s ease;
}
.close-popup:hover i{
	color: #fff !important;
}
.close-go-back{
    padding: 10px 30px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 10px;
    cursor: pointer;
	color: #FFFFFF;
	transition: all 0.3s ease;
   	background-color: #EC9F40;
    border: none;
}
.close-go-back:hover{
	text-decoration: none;
	background-color: #757ABB;
}
.popup-agreement{
	display: flex;
	align-items: center;
	line-height: 1.3;
	gap: 10px;
}
.popup-agreement svg{
	width: 100px;
}
.popup-agreement p{
	margin-bottom: 0px !important;
}
.popup-content h2{
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	font-size: 27px;
	font-weight: 600;
	color: #313DA5; /*для некоторых отдельно*/
}
.popup-content form{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
	align-content: space-evenly;
}
.popup-content p{
	text-align: left;
	margin-bottom: 0px;
	width: 100%;
}
.popup-content form button[type=submit]{
	text-transform: uppercase;
    margin-left: auto;
	margin-top: auto;
    border-radius: 10px;
    height: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 0px 30px;
    color: #fff;
    background: #4D68BC;
}
#popup1 .popup-content{
	background: #E5F0EB;
}
#popup2 .popup-content{
	background: #C5E0F8;
}
#popup3 .popup-content{
	background: #EFF5FD;
}
#popup4 .popup-content{
	background: #E3EAFF;
}
#popup5 .popup-content{
	background: #DBF3F5;
}
#popup6 .popup-content, #popup7 .popup-content{
	background: #DDEEFA;
}
#popup8 .popup-content{
	background: #DDEEFA;
}
#popup1 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup1.png) left bottom no-repeat;
	background-size: contain;
}
#popup2 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup2.png) left bottom no-repeat;
	background-size: contain;
}
#popup3 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup3.png) left bottom no-repeat;
	background-size: contain;
}
#popup4 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup4.png) left bottom no-repeat;
	background-size: contain;
}
#popup5 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup5.png) left bottom no-repeat;
	background-size: contain;
}
#popup6 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup6.png) left bottom no-repeat;
	background-size: contain;
}
#popup7 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup7.png) left bottom no-repeat;
	background-size: contain;
}
#popup8 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup8.png) left bottom no-repeat;
	background-size: contain;
}
#popup9 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup9.svg) left bottom no-repeat;
	background-size: contain;
}
#popup10 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup10.svg) left bottom no-repeat;
	background-size: contain;
}
#popup11 .popup-content-left{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/popup11.svg) left bottom no-repeat;
	background-size: contain;
}
#popup1 .popup-agreement text{
	fill: #87AAC7;
}
#popup1 .popup-agreement g#Эллипс_48{
	stroke: #87AAC7;
}
#popup1 .popup-agreement p{
	color: #87AAC7;
}
#popup2 .popup-agreement text{
	fill: #4D6FA4;
}
#popup2 .popup-agreement p{
	color: #4D6FA4;
}
#popup2 .popup-agreement g#Эллипс_48{
	stroke: #4D6FA4;
}
#popup3 .popup-agreement text{
	fill: #8199D4;
}
#popup3 .popup-agreement p{
	color: #8199D4;
}
#popup3 .popup-agreement g#Эллипс_48{
	stroke: #8199D4;
}
#popup4 .popup-agreement text{
	fill: #8199D4;
}
#popup4 .popup-agreement p{
	color: #3270A0;
}
#popup4 .popup-agreement g#Эллипс_48{
	stroke: #3270A0;
}
#popup5 .popup-agreement text{
	fill: #4750B5;
}
#popup5 .popup-agreement p{
	color: #4750B5;
}
#popup5 .popup-agreement g#Эллипс_48{
	stroke: #4750B5;
}
#popup6 .popup-agreement text{
	fill: #4750B5;
}
#popup6 .popup-agreement p{
	color: #4750B5;
}
#popup6 .popup-agreement g#Эллипс_48{
	stroke: #4750B5;
}
#popup7 .popup-agreement text{
	fill: #4750B5;
}
#popup7 .popup-agreement p{
	color: #4750B5;
}
#popup7 .popup-agreement g#Эллипс_48{
	stroke: #4750B5;
}
#popup8 .popup-agreement p{
	color: #3270A0;
}
#popup8 .popup-agreement text{
	fill: #3270A0;
}
#popup8 .popup-agreement g#Эллипс_48{
	stroke: #3270A0;
}
#popup9 .popup-agreement text{
	fill: #D28DCF;
}
#popup9 .popup-agreement p{
	color: #D28DCF;
}
#popup9 .popup-agreement g#Эллипс_48{
	stroke: #D28DCF;
}
#popup10 .popup-agreement text{
	fill: #86A0E8;
}
#popup10 .popup-agreement p{
	color: #86A0E8;
}
#popup10 .popup-agreement g#Эллипс_48{
	stroke: #86A0E8;
}
#popup11 .popup-agreement text{
	fill: #65A2CB;
}
#popup11 .popup-agreement p{
	color: #65A2CB;
}
#popup11 .popup-agreement g#Эллипс_48{
	stroke: #65A2CB;
}
#popup1 form input{
	outline: 1px solid #B67DC0;
}
#popup1 form button{
	background: #B75CCC;
}
#popup2 form input{
	outline: 1px solid #21629F;
}
#popup2 form button{
	background: #21629F;
}
#popup3 form input,
#popup4 form input{
	outline: 1px solid #EC9F40;
}
#popup3 form button{
	background: #4F85CE;
}
#popup4 form button{
	background: #3230A7;
}
#popup5 form input,
#popup6 form input,
#popup7 form input{
	outline: 1px solid #9A89E9;
}
#popup5 form button,
#popup6 form button,
#popup7 form button{
	background: #464FB4;
}
#popup8 form input{
	outline: 1px solid #DE838C;
}
#popup9 form input,
#popup10 form input{
	outline: 1px solid #617EF2;
}
#popup9 form button,
#popup10 form button{
	background: #4D68BC;
}
#popup11 form input{
	outline: 1px solid #6BA5CD;
}
#popup11 form button{
	background: #F28E38;
}
#success-popup .popup-content{
	background: url(/bitrix/templates/new_redesign/images/pages/expert/success-back.svg) 75% center no-repeat;
	background-color: #EFF3FD;
	align-content: flex-end;
	gap: 0px;
	flex-wrap: wrap;
	padding: 30px 90px;
}
#success-popup .success-go-back{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#success-popup .success-go-back img{
	heigt: 50px;
}
#success-popup .popup-content h2{
	width: 100%;
	font-size: 31px;
	margin: 0px 0px 10px;
}
#success-popup .popup-content p{
	margin: 10px 0px;
	font-size: 17px;
	width: 100%;
}