.default-custom-modal {
	.modal-content {
		border-radius: 20px;
		background: #FFF;
		box-shadow: 0 6px 26px 0 rgba(0, 34, 51, 0.12);
		backdrop-filter: blur(30px);
		border: none;
		outline: none;
		padding: 52px 0px 0px 0px;
		
		.ico-block {
			
		}
		.modal-data {
			padding: 24px 38px 22px 38px;
		}
		.cross {
			position: absolute;
			top: 16px;
			right: 16px;
			cursor: pointer;
		}
		.cross path {
			transition: .1s;
		}
		.cross:hover path {
			stroke-opacity: .8;
			stroke: rgba(0, 17, 26, 0.8);
		}
		
		.success-ico {
			width: 150px;
			border-radius: 20px;
		}
		
		.custom-header-modal {
			color: #00121A;
			text-align: center;
			font-size: 26px;
			font-weight: 700;
			line-height: 115%;
		}
		
		.text {
			color: rgba(0, 34, 51, 0.55);
			text-align: center;
			font-size: 14px;
			font-weight: 600;
			line-height: 145%;
		}
		
		.btns {
			padding: 10px 36px 36px 36px;
		}
		
		.btns-row {
			margin-left: -4px;
			margin-right: -4px;
		}
		
		.btns-col {
			padding-left: 4px;
			padding-right: 4px;
		}
		
		.modal-default-btn {
			height: 50px;
			position: relative;
			cursor: pointer;
			transition: .1s;
			border-radius: 10px;
			
			.label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				text-align: center;
				
				font-size: 16px;
				font-weight: 600;
				line-height: 130%;
				
			}
			
		}
		
		
		
		.modal-default-btn.black {
			background: #172B36;
			.label {
				color: #FFF;
			}
		}
		.modal-default-btn.black:hover {
			background: #00121A;
		}
		
		
		
		
		.modal-default-btn.red {
			background: #F3F5F7;
			.label {
				color: #F44134;
			}
		}
		.modal-default-btn.red:hover {
			background: rgba(20, 61, 82, 0.10);
			.label {
				color: #F44134;
			}
		}
		
		
		
		
		
	}
}




@media (max-width: 924px) {
	
	
	.default-custom-modal {
		.modal-content {
			padding: 26px 0px 0px 0px;
			margin-left: 14px;
			margin-right: 14px;
			
			.modal-data {
				padding: 20px 26px 18px 26px;
			}
			.custom-header-modal {
				text-align: center;
				font-size: 22px;
				font-weight: 700;
				line-height: 115%;
				padding: 0px;
				
			}
			
			.text {
				text-align: center;
				font-size: 14px;
				font-weight: 600;
				line-height: 140%;
			}
			.btns {
				padding: 10px 24px 24px 24px;
				
			}
			
			
			
		
			.modal-default-btn {
				height: 46px;
				border-radius: 8px;
				
				.label {
					font-size: 16px;
					font-weight: 600;
					line-height: 130%;
					
				}
				
			}
			
			
			
			
			.btns-row {
				margin-left: -3px;
				margin-right: -3px;
			}
			
			.btns-col {
				padding-left: 3px;
				padding-right: 3px;
			}
			
			
			
		}
		
		
	}
	
	
	
}